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

Change Pager Buttons Style

1 Answer 102 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ryan
Top achievements
Rank 1
Ryan asked on 06 Dec 2019, 07:40 PM

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

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 10 Dec 2019, 04:01 PM

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.
Tags
Grid
Asked by
Ryan
Top achievements
Rank 1
Answers by
Nikolay
Telerik team
Share this question
or