This is a migrated thread and some comments may be shown as answers.
Pager UI Customization
2 Answers 25 Views
This is a migrated thread and some comments may be shown as answers.
Nick
Top achievements
Rank 1
Nick asked on 11 Dec 2019, 12:29 PM

Hi (Marin)!

I have some questions/suggestions around the pager part of the grid:

  • It would be nice if we could specify whether to show the page numbers at all and if so, how many. This can become an issue particularly on mobile browsers.
  • On mobile browsers the pager part of the grid has a few issues. Firstly the end of the pager is cut off and the numbers etc don't flow. Secondly the "1 - 50 of 130 items" text does flow across multiple lines and causes the height of the pager to increase which takes up a lot of the mobile screen. I think ideally the number of page selectors (the "1", "2", "3" page numbers in boxes) would reduce to the point they disappear completely as the screen width decreases, leaving just the next/previous, first/last arrows, to reduce the amount of space the pager takes up. And the "1-50 of 130 items" would maybe be hidden completely.

I realise I can probably adjust this using CSS myself, but it would be nice to have some better default behaviour!

I've attached some screen shots (simulated on desktop) to illustrate the issue

Thanks,
Nick

 

2 Answers, 1 is accepted

Sort by
0
Nick
Top achievements
Rank 1
answered on 11 Dec 2019, 12:35 PM
Ignore me - I'm going mad - I see I've posted this before and it's been raised as an issue!
0
Marin Bratanov
Telerik team
answered on 11 Dec 2019, 12:50 PM

For anyone else looking for the feature request, here's a link: https://feedback.telerik.com/blazor/1442883-responsive-layout-for-the-pager

 

Regards,
Marin Bratanov
Progress Telerik

 UI for Blazor
Tags
Grid
Asked by
Nick
Top achievements
Rank 1
Answers by
Nick
Top achievements
Rank 1
Marin Bratanov
Telerik team
Share this question
or