Here's another one...
I have a RadTabStrip with the ScrollChildren property set true, and enough initial items to cause the scroll bar to be visible.
If I now call the delete() function to remove a tab such that a scroll bar is no longer required, the scroll bar stays displayed. Worse still, if the bar were previously scrolled it stays scrolled so you can end up with an apparently empty tabstrip which actually still contains items but they are just scrolled out of view!
Here's a simple snippet that demonstrates this:
I have a RadTabStrip with the ScrollChildren property set true, and enough initial items to cause the scroll bar to be visible.
If I now call the delete() function to remove a tab such that a scroll bar is no longer required, the scroll bar stays displayed. Worse still, if the bar were previously scrolled it stays scrolled so you can end up with an apparently empty tabstrip which actually still contains items but they are just scrolled out of view!
Here's a simple 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
=
"Remove Tab"
onclick
=
"onRemoveTab()"
/>
<
script
type
=
"text/javascript"
language
=
"javascript"
>
function onRemoveTab() {
var tabStrip = $find('rts2');
var tab = tabStrip.get_tabs().getTab(0);
if (tab)
tabStrip.get_tabs().remove(tab);
}