Publish don't load styles

[OfficeHeart]

Hello,

When I publish my app and install it on my android device, it doesn't load my own stylesheet (styles/mobile.css).
I also tryed ION on an Ipad, but no luck.

The styles in Kendo/styles are correctly loaded, but my own in folder (styles) are not.

Any suggestion?

[Jordan]

Hi Martin,

Can you try two things:
1. See if you can kill the app and restart it
2. Post me your link section (make sure you use only relative paths)


All the best,
Jordan
the Telerik team

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

[OfficeHeart]

Hi,

1. Did not help.
2.   <link href="styles/mobile.css" rel="stylesheet" />

Thanks in advance,
Martin

[Jordan]

Hi again Martin,

One more wild guess: Can you check your CSS file with validator mobile browsers are a bit more picky than desktop ones.


Kind regards,
Jordan
the Telerik team

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

[Jordan]

Hello Martin,

You can try refresh of the application files by hold-down-three-fingers-for-one-sec gesture on iOS or by pressing menu key on Android,

If this do not help you can try to delete and redeploy the application on the device as something may went wrong on first deployment.

Kind regards,
Jordan
the Telerik team

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

[OfficeHeart]

Hi,

I validated the css file but no errors. Also refreshing and uninstall the app did not work.

Any help is appriciated.
Thanks,
Martin

[Jordan]

Hi Martin,

In iOS there is a Known Issue that paths are case-sensitive please check if your css file is exactly with name mobile.css

Also you can put this at top of your css to see if it is loaded:
(you should see red square on you device screen)

body > div:after {
    content: "";
    display: block;
    background-color: red;
    width:100px;
    height:100px;
    position:absolute;
    top:100px;
    left:100px;
    z-index:22000;
    border-radius:10px;
}

 

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.

[OfficeHeart]

Hi,

This seems to solve my problem. Thanks!

What about the Menu key for refreshing. Does this also functioning in release mode?
For developers this is great function, but I want to disable this for customers.

Thanks,
Martin

[Jordan]

Hi Martin,

You are right our LiveSync is not be part of release build that is used when publishing.

You can test that by explicitly set Release mode via context menu over the root in your project navigation tree (available in Icenium Graphite).

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.