I am using Kendo UI for ASP.NET Core along with Bootstrap 4 and running into an issue with the responsive layouts of the grid on mobile devices. Upon further investigation, it appears to be a bug as I can reproduce it on the Kendo demo site.
The problem: When using the Bootstrap-v4 theme from Kendo, on mobile views the grid pager does not responsively update for the limited width as it does with other themes.
To reproduce: (I'm using Chrome) Go to https://demos.telerik.com/aspnet-core/grid/index, ensure the "Default Theme" is selected, using developer tools, toggle the device toolbar. Notice on the mobile views that the grid pager is properly formed (image attached). Now, switch back to the desktop view, select the Bootstrap-v4 theme, and again use dev tools to switch to the mobile view. The pager has not updated to properly display in a responsive fashion for the mobile device width. (image attached)
1 Answer, 1 is accepted
Thank you very much for taking the time to report this issue. I searched through the currently logged ones and I found that we have it logged already so you may subscribe to watch its progress:
https://github.com/telerik/kendo-theme-bootstrap/issues/358
I also added a comment, which would help to raise attention towards the issue and hopefully push it further up the queue for items that are next in line for fixing.
The Bootstrap V4 theme is still in beta, so until this functionality becomes available, you could check if the page is accessed by a mobile device and use the v3 theme only on this occasion. Kendo has a property you can use to detect mobiles:
We have a runnable example how to switch themes that you can follow:
https://docs.telerik.com/kendo-ui/styles-and-layout/how-to/change-themes-on-the-client#change-themes-on-the-client
Let me know if you have other questions or concerns.
Kind regards,
Tsvetomir
Progress Telerik