This is a migrated thread and some comments may be shown as answers.

ListView Pager Template

5 Answers 148 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Dmytro
Top achievements
Rank 1
Dmytro asked on 30 Aug 2013, 12:17 AM
I need to customize LiistView pager, how can I do it and where can I read about it?
I'm using MVC wrapper.

5 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 02 Sep 2013, 08:43 AM
Hello Dmytro,

You can use Kendo.Mvc.UI.Fluent.PageableBuilder. For example:
.Pageable(pager => pager.Refresh(true).Numeric(false))

I hope this information will help.

Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Dmytro
Top achievements
Rank 1
answered on 09 Sep 2013, 06:21 PM
I need to define/change appearance of the buttons, Next Prev buttons, etc, so basically a real template, is it possible? 
Your help just shows 4 properties, and as for me, they are useless. 
So I will ask 1 more time, is it possible to define HTML template (layout) of the pager?
0
Alexander Valchev
Telerik team
answered on 10 Sep 2013, 10:42 AM
Hello Dmytro,

Defining the HTML template for the pager (next/previous buttons mark-up) is not supported. I suggest you to try modifying the appearance via overriding the corresponding CSS classes.

Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Dmytro
Top achievements
Rank 1
answered on 10 Sep 2013, 02:58 PM
Hello Alexander ,
I just need a minimalistic design with simple text links and changed messages, 1 - 10 of 2633 PRODUCTS instead of 1 - 10 of 2633 items, etc. How does it possible using just css?
0
Alexander Valchev
Telerik team
answered on 12 Sep 2013, 09:05 AM
Hi Dmytro,

You can change the messages through the Messages builder. Particularly for the "1 - 10 of 2633 items" message the code will look like:

.Pageable(p => p.Messages(msg => msg.Display("{0}-{1} of {2} products")))

The full list of messages configuration options are available here:
The design of buttons should be modified via CSS. Please use the developer tools of your browser to examine currently applied classes and CSS rules.

Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
ListView
Asked by
Dmytro
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Dmytro
Top achievements
Rank 1
Share this question
or