Telerik
Skip Navigation LinksHome / Community / Forums / ASP.NET > Tabstrip > parent tab strip horizontal and child vertical

Not answered parent tab strip horizontal and child vertical

Feed from this thread
  • rami avatar

    Posted on Jun 15, 2009 (permalink)

    I think the title said it all, i have tab strip (parent) set in horizontal orientation which dynamically created from database. each page has many child tabs, which i like to set it to vertical orientation. and the child tabs link to multi page to display the content For the child on RadEditor.
    How can i achieve that?
    Thanks  

    ramos

    Reply

  • Telerik Admin admin's avatar

    Posted on Jun 17, 2009 (permalink)

    Hello Rami,

    The requested approach cannot be achieved with one tabstrip control only. You can have one tabstrip control for the horizontal navigation and load new tabstrip with vertical orientation depending on the selected tab from the first tabstrip.

    Sincerely yours,
    Paul
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.

    Reply

  • Firesky avatar

    Posted on Jun 19, 2009 (permalink)

    Hello rami,

    Even I was in need of the same tabstrip layout as you required. Parent tabs aligned horizontally and child tabs vertically... I tried creating a new tabstrip with the child tabs when the parent tab was clicked.... It worked out fine.

    In my case, I wanted the second level of child tabs in Vertical alignment.

    - First, get the number of child tabs for a parent tab, using Count.
    - Second create a new tabstrip with number of tabs set dynamically (from previous point)
    - Create a new Radtabstrip in the design view with name RadTabStrip2 and set "Orientation ="VerticalLeft".

      public void tab1click(object sender, RadTabStripEventArgs e)
        {     
            int childtabs = e.Tab.Tabs.Count; // gets the number of childtabs for the currently selected parent tab)
            RadTabStrip2.Tabs.Clear();
            int level = e.Tab.Level; //
            if (level == 1)
            {          
                foreach (RadTab tab in e.Tab.Tabs)
                {                  
                    RadTab rootTab = new RadTab();
                    RadTabStrip2.Tabs.Add(rootTab);                
                    rootTab.Text = tab.Text;           
                }       
            }      
        }

    Hope this helps!!!!

    One problem I face is, eventhough the second level of tabs appear in a different tabstrip, I am not able to hide the final level tabs in the parent Radtabstrip. If you have found the solution, please let me know!

    Sylvia

    Reply

  • Firesky avatar

    Posted on Jun 19, 2009 (permalink)

    the text in aspx page is:

     <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Orientation="VerticalLeft" >
        </telerik:RadTabStrip>

    Sylvia

    Reply

Back to Top

Skip Navigation LinksHome / Community / Forums / ASP.NET > Tabstrip > parent tab strip horizontal and child vertical

Powered by Sitefinity ASP.NET CMS

Contact Us | Site Feedback | Terms of Use | Privacy Policy
Copyright © 2002-2010 Telerik. All rights reserved.