Pager change the breakpoints

[Dan]

I am using the grid with a pager and I saw that the pager does not behave correct regarding the visibility of the controls. (I am using the bootstrap theme and have every control: buttons, numbers, input, sizes, info and refresh)

I saw on the page for the pager responsive https://docs.telerik.com/aspnet-core/html-helpers/data-management/pager/responsive

that you are using the values 600, 480 and 360.

Is there a way to modify them to use the bootstrap breaking points or some other custom ones.

[Mihaela]

Hello Dan,

Indeed, you can change the default breakpoints to show/hide the respective pager elements by using Media Queries:

<style>
      @@media screen and (max-width: 992px) { / *when the screen size is max 992px */
          #grid .k-pager-wrap .k-pager-info  {
              display: none !important; /* Hide the Pager Info element */
          }
      }

      @@media only screen and (max-width: 768px){ / *when the screen size is max 768px */
             #grid .k-pager-wrap .k-pager-sizes {
              display: none !important; /* Hide the Page Sizes Dropdown element */
          }
    }

    @@media screen and (max-width: 576px) { / *when the screen size is max 576px */
          #grid .k-pager-wrap .k-pager-input  {
              display: none !important; /* Hide the Pager Numeric Input element */
          }
      }
</style>

I hope that helps.

 

 

Regards, Mihaela Progress Telerik

[Dan]

Hi Michaela,

I think you missed my point. I already knew how to do that. I wanted for telerik to provide a way to change the 3 values because I assume there was a reason why you created them.

[Mihaela]

Hi Dan,

Thank you for your clarification.

At this stage, the Pager breaking points cannot be modified through its configuration. However, I have logged it as a feature request in our Feedback portal on your behalf. You can follow the status here:

https://feedback.telerik.com/aspnet-core-ui/1582304-change-the-pager-breaking-points

Feel free to cast your vote as the more popularity the item gathers, the higher the chance of it being implemented.

Аs a token of gratitude, I have updated the points in your Telerik account for the feature request.

Meanwhile, if any related questions arise, please share them.