How to run kendoui application with same style on all devices and also perform platform dependent scaling

[100%]

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 kendo.mobile.Application
(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:
http://stackoverflow.com/questions/21280952/how-to-run-kendoui-application-with-same-style-on-all-devices-and-also-perform-p

[Kiril Nikolov]

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:

http://docs.kendoui.com/getting-started/mobile/application

Regards,
Kiril Nikolov
Telerik