TabStrip not working properly...

3 posts, 1 answers
  1. Christian
    Christian avatar
    15 posts
    Member since:
    May 2009

    Posted 08 Aug 2016 Link to this post

    The TabStrip is not working properly when:

    - you hide one or multiple tabs

    - then navigate with the keyboard(left/right or up/down arrows)

    The content of the hidden tag is then showing during navigation while the tab stays hidden. On Chrome the hidden tab even reappeared!

    To reproduce the error I've use the navigation demo of the TabStrip ( and added the following line


    as advised in the forum to be able to hide tabs.


  2. Answer
    Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 10 Aug 2016 Link to this post

    Hi Christian,

    I replied to the same question in your support thread (1055766), however I am pasting my answer here so the other users who are following this thread can read it:

    In order to prevent the content of the hidden tab to be shown during navigation you should disable the tab:
    // get a reference to the tabstrip widget
    ts = $("#tabstrip").data("kendoTabStrip");
    // disable the second tab
    ts.enable(ts.tabGroup.children().eq(1), false);

    Iliana Nikolova
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
  3. Christian
    Christian avatar
    15 posts
    Member since:
    May 2009

    Posted 10 Aug 2016 in reply to Iliana Nikolova Link to this post

    Thank you, Iliana! It works now!
Back to Top