[Solved] Tabstrip inside Panelbar not showing content (Bootstrap)

[Sean]

I'm trying to open a panel of the panel bar when a user clicks on an list item in another panel bar

Here's my onclick function. When a user clicks on a search result within the #sideBarSearch panel it should close that panel and open the sideBarMapDetails.
Then select a tab within a nested tabstrip.

1.function onClick(arg) {
2.var panelBar = $("#panelbar").kendoPanelBar().data("kendoPanelBar");
3.panelBar.collapse($("#sideBarSearch"), false)
4.panelBar.expand($("#sideBarMapDetails"), false)
5.
6.$('#tabstrip').kendoTabStrip().data("kendoTabStrip").activateTab($('#parcelTab'))
7.};

The problem is that it opens the other panel but the tabstrip doesn't show up. If I open and close the MapDetails panel manually(by clicking on it instead of programmatically) then everything works. Why am I getting different behavior when I expand/collapse programmatically vs manually?

[Dimiter Madjarov]

Hi Sean,


I am unable to reproduce the issue on my side. Could you send me a small runnable example which demonstrates the problem or modify some of our demos, so I could inspect it locally?

I am looking forward to hearing from you.

Regards,
Dimiter Madjarov
Telerik