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

Responsive custom pager

1 Answer 67 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Angie
Top achievements
Rank 1
Angie asked on 01 May 2017, 06:03 PM

Hello, I have just upgraded to the latest Telerik version and am trying to make my pager template responsive by having the page numbers hide via the trim class.  I've added the TrimMd="true" to my button field control, and the class showing up in Developer Tools, but the WebResource file does not seem to have the latest CSS, it does not include the trim classes.  

Is there something else I need to add to the control to have it recognize the responsive classes?  I'm confident the DLLs updated properly, as my Telerik Editor is working on mobile.

Thanks for any help!

<telerik:RadDataPagerButtonField FieldType="NextLast" HorizontalPosition="RightFloat" />
  <telerik:RadDataPagerButtonField FieldType="Numeric" TrimMd="true" HorizontalPosition="RightFloat" />
<telerik:RadDataPagerButtonField FieldType="FirstPrev" HorizontalPosition="RightFloat" />

 

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 02 May 2017, 02:15 PM
Hi,

The selector that you are looking for is located inside the following file: http://aspnet-skins.telerikstatic.com/ajaxz/2017.1.228/DataPagerMobile.css

It is imported through a media query when the page is loaded on mobile: https://www.screencast.com/t/jfeerUGNDIG.

You can check this in the following demo: http://demos.telerik.com/aspnet-ajax/datapager/mobile-examples/overview/default.aspx?name=overview&utm_source=AJAX+Demos&utm_medium=QRcode&utm_campaign=Ajax_mobile_demos_qrcode

Regards,
Rumen
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
ListView
Asked by
Angie
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or