Responsive data pager

2 posts, 0 answers
  1. Angie
    Angie avatar
    113 posts
    Member since:
    Jan 2008

    Posted 27 Apr 2017 Link to this post

    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"   >
         <telerik:RadDataPagerButtonField FieldType="NextLast" HorizontalPosition="RightFloat" />
          <telerik:RadDataPagerButtonField FieldType="Numeric" TrimMd="true" HorizontalPosition="RightFloat" />
        <telerik:RadDataPagerButtonField FieldType="FirstPrev" HorizontalPosition="RightFloat" />


  2. Rumen
    Rumen avatar
    14361 posts

    Posted 02 May 2017 Link to this post


    The selector that you are looking for is located inside the following file:

    It is imported through a media query when the page is loaded on mobile:

    You can check this in the following demo:

    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.
Back to Top