Change theme

2 posts, 0 answers
  1. Theis
    Theis avatar
    1 posts
    Member since:
    Jan 2016

    Posted 01 Feb Link to this post

    I have used the sample app, in this is there a button to change the skin to flat in the button this button starts the function app.changeSkin.


    The problem i have is that i want the app to start in the flat design, i can not find where this is changed in the project, is it changed somewhere in the project instead of the code?

  2. Martin
    Martin avatar
    60 posts

    Posted 04 Feb Link to this post

    Hi Theis,

    The Kendo UI mobile Application instance loads a default theme when launched. The themes are located in the

    To change the theme at start of the program you should define the launching skin that you want when creating the instance as shown here.

    Also, you can alter the skin programmatically using the skin method of the instance.

    A sample code that utilizes both approaches will look like this:

        document.addEventListener('deviceready', function () {
            var mobileSkin = "flat";
            app.changeSkin = function (e) {
                if (e.sender.element.text() === "Flat") {
                    mobileSkin = "flat";
                } else {
                    mobileSkin = "";
        app.application = new, { layout: "tabstrip-layout" ,skin: mobileSkin});
        }, false);

    Let me know if this helped.



    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

Back to Top