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

tabstript node line problem

2 Answers 19 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
serdar
Top achievements
Rank 1
serdar asked on 28 Jan 2014, 01:57 PM
hello I'm adding dynamic tabs but I do not see the tab   bottom line
navbar click >> add dynamic tab

navbar menu

Crew Click
Documant Click


code

function SetMasterTab(tabName) {
 
    var dynamicTab = "";
    var node = "";

    var value = document.getElementById("tabstrip");

    if (value === null) {

        dynamicTab += '<div id="forecast">';
        dynamicTab += '<div id="tabstrip"></div>';
        dynamicTab += '</div>';
        $('div#ActivePageContent').append(dynamicTab);
    }
 
            node += '<ul>';
            node += '  <li class="k-state-active">' + tabName + '</li>';
            node += '</ul>';
      
        node += '<div class="' + tabName + '">test tes tests <br/> TEST TEST TEST</div>';
         
        $('#tabstrip').append(node);
       
    }

    $("#tabstrip").kendoTabStrip({
        animation: {
            open: {
                effects: "fadeIn"
            }
        }
    });
}

2 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 28 Jan 2014, 02:09 PM
Hi Serdar,

Please refer to our documentation and examples, and use the TabStrip API correctly (i.e. without fiddling with the tabs' markup and injecting <ul> and <li> elements manually)

http://demos.telerik.com/kendo-ui/web/tabstrip/api.html

http://docs.telerik.com/kendo-ui/api/web/tabstrip#methods-append

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
serdar
Top achievements
Rank 1
answered on 31 Jan 2014, 07:48 AM
yes I did thank you
Tags
TabStrip
Asked by
serdar
Top achievements
Rank 1
Answers by
Dimo
Telerik team
serdar
Top achievements
Rank 1
Share this question
or