TabStrip not working properly...

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

    Posted 08 Aug 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 (http://demos.telerik.com/kendo-ui/tabstrip/keyboard-navigation) and added the following line

    $($("#tabstrip").data("kendoTabStrip").items()[1]).attr("style""display:none");

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

     

  2. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 10 Aug 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);

    Regards,
    Iliana Nikolova
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
  4. Christian
    Christian avatar
    13 posts
    Member since:
    May 2009

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

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