Every time I think I'm close to getting the tabstrip to work I find another bug! Here's the latest one...
Add a RadTabStrip to the page with the ScrollChildren property set true, and initialise it with enough items to ensure the scrollbar is visible.
Now append a new item to the bar using a client-side "add" function. It ignores the scroll bar setting and starts a new row of tabs instead.
Here's a simple code snippet that demonstrates this
<div style="background-color: #cccccc; width: 500px; height: 50px; border: 1px solid black;"> <telerik:radtabstrip id="rts2" runat="server" ScrollChildren="true"> <tabs> <telerik:radtab text="First Tab" value="Tab1" /> <telerik:radtab text="Second Tab" value="Tab2" /> <telerik:radtab text="Third Tab" value="Tab3" /> <telerik:radtab text="Fourth Tab" value="Tab4" /> <telerik:radtab text="Fifth Tab" value="Tab5" /> <telerik:radtab text="Sixth Tab" value="Tab6" /> </tabs> </telerik:radtabstrip></div><input type="button" value="Insert Tab" onclick="onInsertTab()" /><script type="text/javascript" language="javascript"> function onInsertTab() { var tabStrip = $find('rts2'); var tab = new Telerik.Web.UI.RadTab(); tab.set_text("Inserted Tab"); var tabList = tabStrip.get_tabs(); tabList.add(tab); }