This is a migrated thread and some comments may be shown as answers.

Bug in RadTabStrip delete() function

2 Answers 100 Views

TabStrip

This is a migrated thread and some comments may be shown as answers.

John asked on 11 Jul 2011, 10:00 AM

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:

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

}

Bug in RadTabStrip delete() function

2 Answers, 1 is accepted