Grid pager button is missing in 1024px screen

4 posts, 0 answers
  1. Itay
    Itay avatar
    16 posts
    Member since:
    Nov 2015

    Posted 31 May 2016 Link to this post

    Hello,

     

    I am using a grid with pager that shows the current page number instead of drop down list.

    This button disappears in 1024px screen width and other pager buttons round border shapes are changed.

    I need exactly the same layout as in wider 1024px screens.

     

    Please see the attached image.

  2. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 02 Jun 2016 Link to this post

    Hello Itay,

    The described behavior with the screen width set to under 1024px is not reproducible in our end.
    Could please provide a runnable Dojo example, that reproduces the issue, so we can investigate further.

    Also check the information of the pageable configuration of the Kendo UI Grid:

    http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-pageable



    Regards,
    Stefan
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Itay
    Itay avatar
    16 posts
    Member since:
    Nov 2015

    Posted 02 Jun 2016 in reply to Stefan Link to this post

    Thank you for your reply.

     

    Please see the dojo example on this page: http://demos.telerik.com/kendo-ui/grid/custom-command

    In wide screens the page numbers in the pager are layout horizontally. On small screens the page numbers are gone and instead there is a dropdown with the page numbers. I do not want this behavior. I would like the page buttons stays in the horizontal layout. How can I do that?

  4. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 06 Jun 2016 Link to this post

    Hello Itay,

    The desired behavior is possible to achieve, but requires overwriting а big part of the Kendo UI CSS styles, which is not a convenient approach. Basically, you would need to edit the kendo.common.min.css file and remove all media-query-based responsive pager styles.

    I can suggest you to check how I modified the Grid configuration, in order the paging to look the same, regardless of the screen size:

    http://dojo.telerik.com/IKIBi

    If you have any other questions on this matter, do not hesitate to ask.

    Regards,
    Stefan
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top