Change Pager Buttons Style

2 posts, 0 answers
  1. Ryan
    Ryan avatar
    91 posts
    Member since:
    Aug 2012

    Posted 06 Dec 2019 Link to this post

    Hi All,

    How to change pager buttons style. Please see image attached

    Any additional code? Im using this

    .Pageable(pageable => pageable
     .PageSizes(true)
     .ButtonCount(2))

     

    Thanks!

    Ryan

  2. Nikolay
    Admin
    Nikolay  avatar
    264 posts

    Posted 10 Dec 2019 Link to this post

    Hi Ryan,

    The functionality that you observe is the result of a relatively recently introduced behavior. Whenever the width of the widget is less than 1200px, a responsive pager is rendered. What I can recommend is that you upgrade to the latest Kendo UI versions, this will be enabled in your application by default.

    This could be observed in the following Dojo demo: https://dojo.telerik.com/opIHudeC. If the screen width is less than 1200px the pager will appear as pointed on the image you have shared.

    Additionally, all the available pager configuration settings could be found in the Grid API article. The options could be filtered by using the search panel on the page and typing in "pageable". You could also check the jQuery Grid API if it would be more convenient for you.

    I hope this helps and in case the requirement is different, share more details so I could provide a more concrete answer.

    Regards,
    Nikolay
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top