on the Android phone it looked horrible

[PLAMEN ATANASOV]

Hello,

I made a small application with Icenium Graphite and everything looks as expected in simulator, but when I run it on the Android phone it looked horrible. What is wrong?

[Jan-Dirk]

Can you describe horrible?

Maybe it is because of difference in resolution between simulator and your device?

[PLAMEN ATANASOV]

I used a custom CSS for my ListView and in simulator it's looks fine, but on my real device this CSS are ignored and everything is a mess.

[Jordan]

Hello Plamen,

1. Make sure you use exact casing for file paths when referencing CSS files let say you have file:
styles/Main.CSS you need to link to it exactly that way.

2. Make sure you do not have leading / on any resource as files on mobile are not served from root but from relative paths specific to platform.

3. Make sure you keep cordova.js reference before jquery and kendo script references like this:

<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.mobile.min.js"></script>

And the best place to start  is our dedicated site for Kendo UI Mobile
we just introduced CSS styling with Theme Builder for Kendo Mobile.

Greetings,
Jordan
the Telerik team

Share feedback and vote for features on our Feedback Portal.
Want some Kendo UI online training - head over to Pluralsight.