on the Android phone it looked horrible

4 posts, 0 answers
  1. PLAMEN ATANASOV
    PLAMEN ATANASOV avatar
    2 posts
    Member since:
    Aug 2008

    Posted 12 Mar 2013 Link to this post

    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?
  2. Jan-Dirk
    Jan-Dirk avatar
    327 posts
    Member since:
    Jun 2012

    Posted 13 Mar 2013 Link to this post

    Can you describe horrible?

    Maybe it is because of difference in resolution between simulator and your device?
  3. PLAMEN ATANASOV
    PLAMEN ATANASOV avatar
    2 posts
    Member since:
    Aug 2008

    Posted 13 Mar 2013 Link to this post

    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.
  4. Jordan
    Admin
    Jordan avatar
    197 posts

    Posted 14 Mar 2013 Link to this post

    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.
Back to Top