Dynamically added tab content showing in other tabs.

[Chinonso]

Hi there, i am running into an issue, i have a nested TabStrip. On the CONTROL CENTER Tab, if i select a page, the page is added to the NESTED PAGES TabStrip. The problem is that when i click on the previous tabs, the data from the newly added tab shows up in the existing tab(N PAGE 1 - N PAGE 3) 

 

How do i fix this problem ?.

Thanks

[Ivan Danchev]

Hi Chinonso,

You can work around this behavior by attaching a Select event handler to the nested TabStrip:

.Events(ev => ev.Select("onNestedTabStripSelect"))

and in the handler hide the previously selected tab's content:

function onNestedTabStripSelect(e) {
    $("#nestedTabStrip > .k-state-active").hide();
}

Regards,
Ivan Danchev
Progress Telerik

[Chinonso]

Thanks a lot Ivan