This is a migrated thread and some comments may be shown as answers.
How to run kendoui application with same style on all devices and also perform platform dependent scaling
1 Answer 19 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
100% asked on 22 Jan 2014, 11:03 AM
I am creating a cordova app, and I test it on my computer while I am developing.

When I view the webpage in different mobile units, the scale
sometimes needs to be raised. I also find that the style may differ
between platforms.

What I tried was to force the platform (why do I have to do this?) like this

var app = new
(document.body, { skin: 'flat', platform: 'android' });

I am not sure this works perfectly, when viewing my app through the
Demo webpage (made by the kendo ui team) which lets me emulate different
devices, the webpage will not look the same (for some reason).

The scale on some devices (phones) is also a bit tiny, so I have to raise it.

How can I scale my app?

This question is also posted on stackoverflow:

1 Answer, 1 is accepted

Sort by
Kiril Nikolov
Telerik team
answered on 24 Jan 2014, 07:48 AM
Hi Hans,

I am afraid that I do not understand which simulator exactly you are talking about. Are you using Icenium and the mobile simulator there?

The way Kendo UI Mobile is built it detects the mobile platform that the application is run at and styles itself in order to match the defined design patterns by the different vendors. If you want to force a look for your application to look the same on all devices you will need to set platform or skin. If you set just the skin property to flat the application will look the same on all devices. 

I would suggest you to take a look at the following article that should help you get up to speed with the Kendo UI Mobile application:

Kiril Nikolov
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Asked by
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question