Responsive data pager

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

    Posted 27 Apr 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"   >
        <Fields>
         
         <telerik:RadDataPagerButtonField FieldType="NextLast" HorizontalPosition="RightFloat" />
          <telerik:RadDataPagerButtonField FieldType="Numeric" TrimMd="true" HorizontalPosition="RightFloat" />
        <telerik:RadDataPagerButtonField FieldType="FirstPrev" HorizontalPosition="RightFloat" />
         
        </Fields>        
    </CCWeb:TelerikPager>

     

  2. Rumen
    Admin
    Rumen avatar
    13278 posts

    Posted 02 May Link to this post

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