This is a migrated thread and some comments may be shown as answers.

Themes doesn't work for me. Why?

1 Answer 308 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Orlando asked on 17 Apr 2012, 02:53 PM

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:
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">

            

            <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

Themes doesn't work for me. Why?

Documentation: Using the CSS output

1 Answer, 1 is accepted

Documentation:
Using the CSS output