Kendo UI elements not styled

Thread is closed for posting
2 posts, 0 answers
  1. joelraed
    joelraed avatar
    3 posts
    Member since:
    Apr 2015

    Posted 09 Aug 2016 Link to this post

    I have Jquery and Kendo loading in the head...

        <script src="cordova.js"></script>
        <script src="kendo/js/jquery.min.js"></script>
        <script src="kendo/js/"></script>

    Then I try to add a collapsible to a view like so....

            <!--Feature View-->
        <div id="feature"
            data-title="UnFairgettable" >
            <div data-role="header" class="top-strip">
                <a id="backbutton" data-role="backbutton" data-click="onClick" data-transition="slide"><img src="styles/images/back-icon.png"/></a> 
                <a id="homebutton" data-role="button" href="#/" data-transition="slide"><img src="styles/images/home-icon.png"/></a>
            <div class="navigation">
                    This is the Feature Page
                <div id="collapsible" data-role="collapsible">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

    .....And the collapsible does not have kendo styling 

    When i check firebug "" is loading fine. And jQuery is only being loaded once.

    If I try...


    ...on deviceready I get an error in firebug...

    app.js:12 Uncaught TypeError: $(...).kendoMobileCollapsible is not a function.

    This is my app.js...

    (function (global) {
        var app = = || {};

        document.addEventListener('deviceready', function () {
            // rotate and lock orientation to portrait

            app.application = new, { layout: "tabstrip-layout", skin: 'flat' });
        }, false);


    ...I'm running out of ideas as to what this would be.




  2. Preslav
    Preslav avatar
    591 posts

    Posted 12 Aug 2016 Link to this post

    Hello Joel,

    I checked the code snippet and was not able to reproduce the issue. I have prepared a sample with the code you shared with us - you can find it in attached to this message. 

    If you still experience the issue could you please share with us a Dojo or a sample app that clearly reproduces it, so I could investigate the case further. I would suggest taking a look at this article to see how to export an app from the Telerik Platform. 

    Telerik by Progress

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

Back to Top