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

TabStrip simple yet not

4 Answers 41 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Mike
Top achievements
Rank 1
Mike asked on 06 Jun 2013, 06:38 PM
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


4 Answers, 1 is accepted

Sort by
0
Mike
Top achievements
Rank 1
answered on 06 Jun 2013, 07:17 PM
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
0
Mike
Top achievements
Rank 1
answered on 06 Jun 2013, 07:53 PM
moved the code into jsBin and it seems to be working there.  not sure what is different?
here's the link to jsBin

0
Mike
Top achievements
Rank 1
answered on 06 Jun 2013, 08:15 PM
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>

0
Kamen Bundev
Telerik team
answered on 07 Jun 2013, 07:08 AM
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!
Tags
TabStrip
Asked by
Mike
Top achievements
Rank 1
Answers by
Mike
Top achievements
Rank 1
Kamen Bundev
Telerik team
Share this question
or