Grid pager button is missing in 1024px screen

[Itay]

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.

[Stefan]

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

 

 

[Itay]

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?

[Stefan]

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