Inconsistent theme behaviour

[Trent]

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.

[Kamen Bundev]

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

[Trent]

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>

[Kamen Bundev]

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

[Trent]

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!