Hi.
I'm testing kendoUI but i want to change the theme for android. I'm using ThemBuilder. I copy the CSS and add it to my page. But does not work. Why?
Documentation:
I'm testing kendoUI but i want to change the theme for android. I'm using ThemBuilder. I copy the CSS and add it to my page. But does not work. Why?
Documentation:
Using the CSS output
Just copy the CSS output to a .css file and include it in your page.
This is my simple code.
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Basic usage</
title
>
<
script
src
=
"js/jquery.min.js"
></
script
>
<
script
src
=
"js/kendo.mobile.min.js"
></
script
>
<
script
src
=
"content/shared/js/console.js"
></
script
>
<
link
href
=
"styles/kendo.mobile.all.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"styles/silver.css"
rel
=
"stylesheet"
/>
</
head
>
<
body
>
<
a
href
=
"index.html"
>Volver</
a
>
<
div
data-role
=
"view"
id
=
"tabstrip-profile"
data-title
=
"Mi Estado de Cuenta"
data-layout
=
"mobile-tabstrip"
data-transition
=
"slide"
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
<
ul
>
<
li
><
h2
>Grupo SAESA<
span
>Sucursal</
span
></
h2
><
img
src
=
"content/mobile/overview/logo.jpg"
/></
li
>
<
li
>Weekly average sales <
span
class
=
"sales-up"
>$ 8,250</
span
></
li
>
<
li
>Monthly average sales <
span
class
=
"sales-up"
>$ 32,000</
span
></
li
>
</
ul
>
</
li
>
<
li
>
Languages
<
ul
>
<
li
>English <
span
class
=
"value"
>Native</
span
></
li
>
<
li
>Hungarian <
span
class
=
"value"
>Advanced</
span
></
li
>
<
li
>French <
span
class
=
"value"
>Advanced</
span
></
li
>
<
li
>Chinese <
span
class
=
"value"
>Beginner</
span
></
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
<
div
data-role
=
"view"
id
=
"tabstrip-cortes"
data-title
=
"Cortes Programados"
data-layout
=
"mobile-tabstrip"
data-transition
=
"slide"
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
SAESA
<
ul
>
<
li
class
=
"item-title"
>Lunes 16 de Abril del 2012 Comuna de Valdivia<
span
class
=
"item-info"
>Condominio Silos de Torobayo</
span
><
span
class
=
"item-hora"
>10:00 a 16:00</
span
></
li
>
<
li
class
=
"item-title"
>Lunes 16 de Abril del 2012 Comuna de Valdivia<
span
class
=
"item-info"
>Condominio Silos de Torobayo</
span
><
span
class
=
"item-hora"
>10:00 a 16:00</
span
></
li
>
<
li
class
=
"item-title"
>Lunes 16 de Abril del 2012 Comuna de Valdivia<
span
class
=
"item-info"
>Condominio Silos de Torobayo</
span
><
span
class
=
"item-hora"
>10:00 a 16:00</
span
></
li
>
<
li
class
=
"item-title"
>Lunes 16 de Abril del 2012 Comuna de Valdivia<
span
class
=
"item-info"
>Condominio Silos de Torobayo</
span
><
span
class
=
"item-hora"
>10:00 a 16:00</
span
></
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
<
div
data-role
=
"view"
id
=
"tabstrip-rating"
data-title
=
"Rating"
data-layout
=
"mobile-tabstrip"
data-transition
=
"slide"
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
Sales Representatives
<
ul
>
<
li
data-icon
=
"toprated"
>1. Andrew Fuller</
li
>
<
li
data-icon
=
"toprated"
>2. Janet Leverling</
li
>
<
li
data-icon
=
"toprated"
style
=
"background-color: #3589e7; color: #fff;"
>3. Carine Callahan</
li
>
<
li
data-icon
=
"toprated"
>4. Margaret Johnson</
li
>
<
li
data-icon
=
"toprated"
>5. Steve Collins</
li
>
<
li
data-icon
=
"toprated"
>6. Maria Steward</
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
<
div
data-role
=
"view"
id
=
"tabstrip-settings"
data-title
=
"Settings"
data-layout
=
"mobile-tabstrip"
data-transition
=
"slide"
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
Carine Callahan
<
ul
>
<
li
>Notify when online <
input
type
=
"checkbox"
data-role
=
"switch"
checked></
li
>
<
li
>Administrator <
input
type
=
"checkbox"
data-role
=
"switch"
></
li
>
<
li
>Access to stats <
input
type
=
"checkbox"
data-role
=
"switch"
checked></
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
<
div
data-role
=
"layout"
data-id
=
"mobile-tabstrip"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<!--<a class="nav-button" data-align="left" data-role="backbutton">Back</a>-->
<
span
data-role
=
"view-title"
></
span
>
<
a
data-align
=
"right"
data-role
=
"button"
class
=
"nav-button"
href
=
"#index"
>Index</
a
>
</
div
>
</
header
>
<
p
>TabStrip</
p
>
<
div
data-role
=
"footer"
>
<
div
data-role
=
"tabstrip"
>
<
a
href
=
"#tabstrip-profile"
data-icon
=
"organize"
>Mi Cuenta</
a
>
<
a
href
=
"#tabstrip-cortes"
data-icon
=
"recents"
>Cortes</
a
>
<
a
href
=
"#tabstrip-rating"
data-icon
=
"stop"
>Emergencia</
a
>
<
a
href
=
"#tabstrip-settings"
data-icon
=
"settings"
>Opciones</
a
>
</
div
>
</
div
>
</
div
>
<
script
>
new kendo.mobile.Application($(document.body), {
platform: "android"
});
</
script
>
</
body
>
</
html
>
Please help me