TabStrip simple yet not

5 posts, 0 answers
  1. Mike
    Mike avatar
    8 posts
    Member since:
    Jun 2012

    Posted 06 Jun 2013 Link to this post

    Thanks in advance for any help you can provide.

    I'm pulling my hair out trying to figure out why this simple example wont work.

    Here's the jsFiddle: http://jsfiddle.net/cmichaelgraham/NWsSj/

    Seems like the content of my <div>'s end up on the 1st tab.

    -Mike Graham


  2. Mike
    Mike avatar
    8 posts
    Member since:
    Jun 2012

    Posted 06 Jun 2013 Link to this post

    maybe i'm not crazy (well, i probably am).  but the sample doesn't seem to work either:
    jsFiddle (from the tab strip overview):
    http://docs.kendoui.com/getting-started/web/tabstrip/overview
  3. Kendo UI is VS 2017 Ready
  4. Mike
    Mike avatar
    8 posts
    Member since:
    Jun 2012

    Posted 06 Jun 2013 Link to this post

    moved the code into jsBin and it seems to be working there.  not sure what is different?
    here's the link to jsBin

  5. Mike
    Mike avatar
    8 posts
    Member since:
    Jun 2012

    Posted 06 Jun 2013 Link to this post

    Got the basic demo to work in Icenium.  Here's the index.html:

    <html>
        <head>
            <title></title>
            <meta charset="utf-8" />
            <script src="cordova.js"></script>
            <script src="kendo/js/jquery.min.js"></script>
            <script src="kendo/js/kendo.all.min.js"></script>
     
            <link href="styles/main.css" rel="stylesheet" />
            <link href="kendo/styles/kendo.common.min.css" rel="stylesheet" />
            <link href="kendo/styles/kendo.default.min.css" rel="stylesheet" />
            <link href="kendo/styles/kendo.rtl.min.css" rel="stylesheet" />
        </head>
        <body>
            <div id="tabStrip">
                <ul>
                    <li>First tab</li>
                    <li>Second tab</li>
                </ul>
                <div>First tab content</div>
                <div>Second tab content</div>
            </div>
     
            <script>
                $(document).ready(function() {
                    $("#tabStrip").kendoTabStrip();
                });
            </script>
        </body>
    </html>

  6. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 07 Jun 2013 Link to this post

    Hello Mike,

    The 2 jsFiddles you've posted are using a 2-year old version of Kendo UI (as opposed to the jsBin one, which uses Q1 2013), probably this is causing your issues.

    Regards,
    Kamen Bundev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready