Responsive data pager

[Angie]

Hello, I have just upgraded to the latest Telerik version and am trying to make my datapager 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!

 

 

<CCWeb:TelerikPager runat="server" Skin="Bootstrap"  RenderMode="Lightweight"   >
    <Fields>

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

    </Fields>
</CCWeb:TelerikPager>

 

[Rumen]

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