Hi ,
I have a tabstrip inside a splitter and it has one tab item by default and i dymically adding tab item based on user action. when the new tab gets added iam facing two issues.
1. Click on dynamically added tab don't bring content from url. it brings after couple of clicks over the text in tab item.
2. The content from the dynamically added tab gets appended in default tab item which created in html declaration.
This is the code for tab
<div id="glaDocumentHost" class="glaReset">
<ul>
<li class="k-state-active"><label id="map">Map</label></li>
</ul>
<div style="padding:0px;margin:2px;"></div>
</div>
$(
"#glaDocumentHost").kendoTabStrip({ contentUrls: ["/YLA/YLAMAP/MapPanel"] });
this is the code i'm using to add tab dynamically.
var tabstrip = $("#glaDocumentHost").kendoTabStrip().data("kendoTabStrip");
tabstrip.insertAfter({ text: name, contentUrl: url }, tabstrip.tabGroup.children("li:last"));
any help is appreciated.
Thanks
Purush