Change Pager Buttons Style

[Ryan]

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

[Nikolay]

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