This is a migrated thread and some comments may be shown as answers.

kendo mobile grid - under adaptive rendering

3 Answers 37 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Shaun
Top achievements
Rank 1
Shaun asked on 01 Apr 2014, 09:11 AM
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>




3 Answers, 1 is accepted

Sort by
0
Shaun
Top achievements
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.
0
Accepted
Alexander Valchev
Telerik team
answered on 03 Apr 2014, 07:23 AM
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
 
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
answered on 03 Apr 2014, 02:08 PM
cool, thank you
Tags
General Discussions
Asked by
Shaun
Top achievements
Rank 1
Answers by
Shaun
Top achievements
Rank 1
Alexander Valchev
Telerik team
Share this question
or