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);
}