since ios7, all grid styles seem to be incorrect in mobile applications
same with version 926
<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.black.min.css" rel="stylesheet" />
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
7 Answers, 1 is accepted
This is a known issue, however it is already addressed - please upgrade your application to the latest internal build and let me know if you still observe any problems.
I tested Kendo UI Grid in a mobile application using Q3 2013 Beta (v2013.3.1030) release and everything is rendered as expected. Please test your application using the aforementioned version and let me know if this helps.
chrome renders as expected (chrome.jpg).
the rendering on ipad safari is still incorrect (ipad.png)
by the way. making the grid height 100% and auto resizable with follwing code
var gridElement = $("#grid"),
newHeight = gridElement.innerHeight(),
otherElements = gridElement.children().not(".k-grid-content"),
otherElementsHeight = 0;
otherElementsHeight += $(this).outerHeight();
gridElement.children(".k-grid-content").height(newHeight - otherElementsHeight);
also only works with chrome (ipad_autoheight.png)
First of all I would like to apologize for the overlook - I double checked and was able to observe the issue. I forwarded it to the developers and the fix will be included in our next internal build. Once again I apologies for the inconvenience caused.
thank you for your reply.
is there a quick fix to make the grid 100% height and auto resizable?
two more annotations:
1) thouch scrolling is unsupported in chrome (safari works fine)
2) when grid is wider than screen diagonal scrolling becomes a torment on ipad.
Apologies for not getting back you earlier.
In order to make the Grid with height 100% and auto resizable on a mobile device I recommend the following:
Regarding the two more annotations:
- I tested Kendo UI demos in Google Chrome browser on iPhone and scrolling is working as expected;
- I wasn't able to reproduce this issue too.