ListView Pager Template

6 posts, 0 answers
  1. Dmytro
    Dmytro avatar
    3 posts
    Member since:
    Aug 2013

    Posted 29 Aug 2013 Link to this post

    I need to customize LiistView pager, how can I do it and where can I read about it?
    I'm using MVC wrapper.
  2.
  3. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 02 Sep 2013 Link to this post

    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!
  5. Dmytro
    Dmytro avatar
    3 posts
    Member since:
    Aug 2013

    Posted 09 Sep 2013 Link to this post

    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?
  7. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 10 Sep 2013 Link to this post

    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!
  9. Dmytro
    Dmytro avatar
    3 posts
    Member since:
    Aug 2013

    Posted 10 Sep 2013 Link to this post

    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?
  11. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 12 Sep 2013 Link to this post

    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!
Back to Top