tabstript node line problem

3 posts, 0 answers
  1. serdar
    serdar avatar
    7 posts
    Member since:
    Jan 2014

    Posted 28 Jan 2014 Link to this post

    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. Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 28 Jan 2014 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. serdar
    serdar avatar
    7 posts
    Member since:
    Jan 2014

    Posted 31 Jan 2014 in reply to Dimo Link to this post

    yes I did thank you
Back to Top