Inconsistent theme behaviour

5 posts, 0 answers
  1. Trent
    Trent avatar
    22 posts
    Member since:
    Dec 2011

    Posted 22 Aug 2013 Link to this post

    I modified the flat theme slightly as per these guidelines:

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

    This worked perfectly, but when I added the app to my home screen (iPhone 5) the app showed the original flat theme colours.

    Why would the app be different when launched from the home screen, and how can I prevent this?

    Thanks.
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 26 Aug 2013 Link to this post

    Hello Trent,

    It shouldn't show different behavior. How do you load the styles in your site? Maybe for some reason they don't get loaded when the application is pinned on the home screen.

    Regards,
    Kamen Bundev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Trent
    Trent avatar
    22 posts
    Member since:
    Dec 2011

    Posted 26 Aug 2013 Link to this post

    Hi Kamen.

    In my _Layout page I include the theme file:

    <link href="@Url.Content("~/Content/kendo/2013.2.716/kendo.mobile.flat.min.css")" rel="stylesheet" type="text/css" />

    and Initialise the app:

    <script type="text/javascript">
           var app = new kendo.mobile.Application($(document.body), {
               skin: "flat"
           });
        </script>
  4. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 27 Aug 2013 Link to this post

    Hi Trent,

    Where do you specify the changed colors? Are they in the minified CSS file or somewhere else? Alternatively you can post a bit more complete source code or a live URL in the ticket you opened, so I can take a look.

    Regards,
    Kamen Bundev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Trent
    Trent avatar
    22 posts
    Member since:
    Dec 2011

    Posted 27 Aug 2013 Link to this post

    Hi Kamen.

    I had tried both the minified css and the regular unminified css files. neither worked. However, it's working now, even though I haven't changed a single line of code. Not sure why. I'll let you know if the issue comes back in anyway, but for now it seems to be resolved.

    Thanks!
Back to Top