Change Breakpoints of responsive Grid Pager

1 Answer 6 Views
Grid Pager
Tom
Top achievements
Rank 1
Tom asked on 17 Feb 2022, 12:45 PM
Is there a way to change the default breakpoints of the responsive Grid Pager?

https://docs.telerik.com/kendo-ui/controls/data-management/pager/responsive

1 Answer, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 22 Feb 2022, 10:42 AM

Hi Tom,

A possible approach to change the Grid pager appearance when the screen size is changed is to use the 'k-pager-md' and 'k-pager-sm' classes and add and remove them according to the screen width.

$(window).resize(function() {
        var width = $(window).width();
        
        if(width>1200){
          $('.k-grid-pager').addClass('k-pager-md')          	
        }else if (width<1200 && width > 800){
          $('.k-grid-pager').removeClass('k-pager-md').removeClass('k-pager-sm')
        }else{
          $('.k-grid-pager').removeClass('k-pager-md')
          $('.k-grid-pager').addClass('k-pager-sm') 
        }
      });

Here is a dojo example where the described above is implemented. 

Regards,
Neli
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Grid Pager
Asked by
Tom
Top achievements
Rank 1
Answers by
Neli
Telerik team
Share this question
or