Pager UI Customization

3 posts, 0 answers
  1. Nick
    Nick avatar
    41 posts
    Member since:
    Nov 2016

    Posted 11 Dec 2019 Link to this post

    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. Nick
    Nick avatar
    41 posts
    Member since:
    Nov 2016

    Posted 11 Dec 2019 in reply to Nick Link to this post

    Ignore me - I'm going mad - I see I've posted this before and it's been raised as an issue!
  3. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5922 posts

    Posted 11 Dec 2019 Link to this post

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