TabStrip not working properly...

[Christian]

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.

 

[Iliana Dyankova]

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

 

 

[Christian]

Thank you, Iliana! It works now!