Mobile App Theme

Posted by Elsworth Burmeister on 28-Jan-2016 08:44

Hi guys 

Im new to the telerik platform with mobile. I went to the telerik theme builder and downloaded a theme but cannot get it working at all. Ive added the css to the app and also in the index.html file added the reference to this them and removed the original main.css reference

so my refernences look as follows:

<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet">
<link rel="stylesheet" href="cdn.kendostatic.com/.../kendo.common.min.css">
<link rel="stylesheet" href="cdn.kendostatic.com/.../kendo.default.min.css">
<link href="styles/kendo.custom.css" rel="stylesheet">

Is there anything more i have to do? has someone fiddled with this before? I need pointers in the correct direction here.

TIA

All Replies

Posted by egarcia on 28-Jan-2016 16:17

Hello,

At first look, it seems that you are using the web version of the stylesheets instead of the mobile ones.

(Also, the link shows an old version.)

I would expect you would be using kendo.mobile.*.min.css.

The following guide contain examples that could help you:

   docs.telerik.com/.../styling

Here is another link related to what CSS file to use:

   www.telerik.com/.../which-css-files-to-use-in-your-kendo-ui-project

Did you use the Mobile ThemeBuilder demos.telerik.com/.../ ?

Do you get "km-" (Kendo Mobile) styles?

I hope this helps.

Posted by Elsworth Burmeister on 29-Jan-2016 04:22

Thanks it appears i was using the wrong theme builder.....

Posted by Elsworth Burmeister on 29-Jan-2016 07:55

Hi

Another question relating to this... how would i set up a back-ground img for all the pages so that each page has the same image as a background on the view using css... ive tried many approaches but nothing successfull??

Posted by egarcia on 29-Jan-2016 09:02

Hello,

You are welcome.

Questions about Telerik Platform and Kendo UI can be posted on the Telerik forums:

   http://www.telerik.com/forums

I have not tried setting a background image yet, however, the general idea is to set the CSS background-image attribute for container. In this case, it seems that you would set it for the .km-view and .km-content classes.

There is a reference on this in a Telerik forum:

   www.telerik.com/.../help-with-changing-background-image-within-app

I hope this helps.

This thread is closed