Hello,
I am using the grid in a mobile app. Now one thing I found is that it requires kendo.all.min.js which of course does not exist in the mobile js folder.
I had to use the full blown kendo ui file. The downside to that is that now all elements used have both k- and km- classes injected into them.
if you check the index1 screenshot attached and look at the footer element you will see both km-widget and k-widget and a few other k- classes.
This isn't the only example, all buttons and inputs are in exactly the same situation.
The index page uses the following files and they are the latest version from Q1 2014 :
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css" rel="stylesheet" />
<script src="@GlobalVal.__cdnPath/js/Scripts/kendo-mobile/2014.1.318/jquery.min.js"></script>
<script src="@GlobalVal.__cdnPath/js/Scripts/kendo-mobile/2014.1.318/kendo.all.min.js"></script>
<script src="@GlobalVal.__cdnPath/js/Scripts/kendo-mobile/2014.1.318/kendo.binder.min.js"></script>
I am using the grid in a mobile app. Now one thing I found is that it requires kendo.all.min.js which of course does not exist in the mobile js folder.
I had to use the full blown kendo ui file. The downside to that is that now all elements used have both k- and km- classes injected into them.
if you check the index1 screenshot attached and look at the footer element you will see both km-widget and k-widget and a few other k- classes.
This isn't the only example, all buttons and inputs are in exactly the same situation.
The index page uses the following files and they are the latest version from Q1 2014 :
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css" rel="stylesheet" />
<script src="@GlobalVal.__cdnPath/js/Scripts/kendo-mobile/2014.1.318/jquery.min.js"></script>
<script src="@GlobalVal.__cdnPath/js/Scripts/kendo-mobile/2014.1.318/kendo.all.min.js"></script>
<script src="@GlobalVal.__cdnPath/js/Scripts/kendo-mobile/2014.1.318/kendo.binder.min.js"></script>
3 Answers, 1 is accepted
0
Shaun
Top achievements
Rank 1
Rank 1
answered on 01 Apr 2014, 09:13 AM
hmm it seems I am not able to edit my post.
Anyway, the question is what can I do to avoid this situation and make sure only the km- classes are being injected into the elements ?
the k- classes take precedence and affect everything.
Anyway, the question is what can I do to avoid this situation and make sure only the km- classes are being injected into the elements ?
the k- classes take precedence and affect everything.
0
Accepted
Hi Stuart,
The behaviour which you described is expected by design - the Grid widget is a web widget which supports adaptive rendering for better user experience on mobile devices. As a web widget, the Grid component has k-classes, its code is not included in kendo.mobile.js and its CSS styling rules are not included in mobile style sheets.
That said at present there is no way to force the widget to use only km-classes.
On a side note please note that Kendo Mobile is not officially supported in Firefox. From the provided screen shot it looks like that you are using Firebug. Please test your page in Google Chrome or WebKit based mobile browser.
Last but not least, when kendo.all.min.js is included there is no need to include kendo.binder.min.js.
Regards,
Alexander Valchev
Telerik
The behaviour which you described is expected by design - the Grid widget is a web widget which supports adaptive rendering for better user experience on mobile devices. As a web widget, the Grid component has k-classes, its code is not included in kendo.mobile.js and its CSS styling rules are not included in mobile style sheets.
That said at present there is no way to force the widget to use only km-classes.
On a side note please note that Kendo Mobile is not officially supported in Firefox. From the provided screen shot it looks like that you are using Firebug. Please test your page in Google Chrome or WebKit based mobile browser.
Last but not least, when kendo.all.min.js is included there is no need to include kendo.binder.min.js.
Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Shaun
Top achievements
Rank 1
Rank 1
answered on 03 Apr 2014, 02:08 PM
cool, thank you