tabstript node line problem

[serdar]

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"
            }
        }
    });
}

[Dimo]

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

[serdar]

yes I did thank you