Home / Community / Forums / ASP.NET > Tabstrip > RadTab strip re-ordering when removing tabs

• Shane

  Posted on Mar 24, 2009 (permalink)

  I have a RadTabStrip tabs are added dynamically and the users have a tab which allows them to delete a tab.  When a tab is deleted the child tabs of the adjacant tab re-order.
  
  I have cut down an example which displays the error.
  
  HTML:
  

  <telerik:RadTabStrip ID="RadTabStrip1" runat="server"

  SelectedIndex="1" Skin="Sunset" ontabclick="RadTabStrip1_TabClick">

  <Tabs>

  <telerik:RadTab runat="server" Text="Committes">

  </telerik:RadTab>

  <telerik:RadTab runat="server" SelectedIndex="3"

  Text="Committee (Eduction, Employment and Workplace Relations)"

  Selected="True">

  <TabTemplate>

  Committee (Eduction, Employment and Workplace Relations)&nbsp;

  </TabTemplate>

  <Tabs>

  <telerik:RadTab runat="server" Text="Details">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Current Inquiries">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Completed Inquiries">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Membership" Selected="True">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Estimates">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Annual Reports">

  </telerik:RadTab>

  NOTE: This tab         <telerik:RadTab runat="server" Text="Committee List">

  </telerik:RadTab>

  and this tab           <telerik:RadTab runat="server" Text="" ImageUrl="~/images/functions/Close.gif"

  Value="Delete">

  change position        </telerik:RadTab>

  </Tabs>

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Inquiry (Forestry and Mining of Tiwi Islands)">

  <Tabs>

  <telerik:RadTab runat="server" Text="Details"></telerik:RadTab>

  <telerik:RadTab runat="server" Text="Terms of Reference"></telerik:RadTab>

  <telerik:RadTab runat="server" Text="Submissions"></telerik:RadTab>

  <telerik:RadTab runat="server" Text="Hearings"></telerik:RadTab>

  <telerik:RadTab runat="server" Text="Additional Information"></telerik:RadTab>

  <telerik:RadTab runat="server" ImageUrl="~/images/functions/Close.gif"

  Value="Delete"></telerik:RadTab>

  </Tabs>

  </telerik:RadTab>

  </Tabs>

  </telerik:RadTabStrip>

  
  c# Postback
  
  

  protected void RadTabStrip1_TabClick(object sender, Telerik.Web.UI.RadTabStripEventArgs e)

  {

  if (e.Tab.Value == "Delete")

  {

  this.RadTabStrip1.Tabs.Remove((RadTab)e.Tab.Owner);

  }

  }

  
  
  If I delete the "Inquiry (Forestry and Mining of Tiwi Islands)" tab.  The tabs indicated above change order visually.
  
  Any help would be appreciated. 
  
  

  Reply

• Answer Telerik Admin

  Posted on Mar 24, 2009 (permalink)

  Hello Shane,
  
  The problem is caused by the TabTemplate that you use for the second root tab. Here's your modified code snippet that works as expected.
  
  

  <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="1" Skin="Sunset"

  OnTabClick="RadTabStrip1_TabClick">

  <Tabs>

  <telerik:RadTab runat="server" Text="Committes">

  </telerik:RadTab>

  <telerik:RadTab runat="server" SelectedIndex="3" Text="Committee (Eduction, Employment and Workplace Relations)"

  Selected="True">

  <Tabs>

  <telerik:RadTab runat="server" Text="Details">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Current Inquiries">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Completed Inquiries">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Membership" Selected="True">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Estimates">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Annual Reports">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Committee List">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="" ImageUrl="~/images/functions/Close.gif" Value="Delete">

  </telerik:RadTab>

  </Tabs>

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Inquiry (Forestry and Mining of Tiwi Islands)">

  <Tabs>

  <telerik:RadTab runat="server" Text="Details">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Terms of Reference">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Submissions">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Hearings">

  </telerik:RadTab>

  <telerik:RadTab runat="server" Text="Additional Information">

  </telerik:RadTab>

  <telerik:RadTab runat="server" ImageUrl="~/images/functions/Close.gif" Value="Delete">

  </telerik:RadTab>

  </Tabs>

  </telerik:RadTab>

  </Tabs>

  </telerik:RadTabStrip>

  
  
  Regards,
  Paul
  the Telerik team

  
  Check out Telerik Trainer , the state of the art learning tool for Telerik products.

  Reply

Back to Top

Home / Community / Forums / ASP.NET > Tabstrip > RadTab strip re-ordering when removing tabs