This is a migrated thread and some comments may be shown as answers.
Layout of hierarchical tab
2 Answers 43 Views
This is a migrated thread and some comments may be shown as answers.
Sharon
Top achievements
Rank 1
Sharon asked on 10 Jun 2009, 03:46 PM
I have a hierarchical tab with 3 levels, I want to have a custom layout for my tab structure.

I want my tab structure this way, the first and second levels in horizontal direction,and the third level in vertical direction.

Tab1 Tab2 Tab3 Tab4
Tab1.1 Tab1.2 Tab1.3 Tab1.4 Tab1.5
Tab1.1.1
Tab1.1.2
Tab1.1.3
Tab1.1.4

Could anyone please help me on this.

Thanks,
Sharon Johnson

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 12 Jun 2009, 07:45 AM
Hi Sharon,

One suggestion will be to use a TabTemplate and place another RadTabStrip inside the TabTemplate of the child tab with desired Orientation.

ASPX:
 
 
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Orientation="HorizontalTop"   > 
         
          <Tabs> 
                <telerik:RadTab Text="Tab1"   > 
                    <Tabs> 
                        <telerik:RadTab Text="Tab1.1"
                        <TabTemplate > 
                        <div > 
                            <telerik:RadTabStrip ID="RadTabStrip2" runat="server"  Width="100px" Align="Left"  Orientation="VerticalRight" > 
                              <Tabs > 
                                <telerik:RadTab Text="Tab1.1.1" > 
                                </telerik:RadTab> 
                                <telerik:RadTab Text="Tab1.1.2"
                                </telerik:RadTab> 
                                <telerik:RadTab Text="Tab1.1.3"
                                </telerik:RadTab> 
                                <telerik:RadTab Text="Tab1.1.4"
                                </telerik:RadTab> 
                            </Tabs> 
                              
                            </telerik:RadTabStrip> 
                         </div>    
                        </TabTemplate> 
                             
                        </telerik:RadTab> 
                        <telerik:RadTab Text="Tab1.2"
                        </telerik:RadTab> 
                        <telerik:RadTab Text="Tab1.3"
                        </telerik:RadTab> 
                        <telerik:RadTab Text="Tab1.4"
                        </telerik:RadTab> 
                    </Tabs> 
                </telerik:RadTab> 
                <telerik:RadTab Text="Tab2"
                  
                </telerik:RadTab> 
                <telerik:RadTab Text="Tab3"
                </telerik:RadTab> 
            </Tabs> 
        </telerik:RadTabStrip> 
 


Thanks
Shinu
0
Sharon
Top achievements
Rank 1
answered on 13 Jun 2009, 06:03 AM
Hi,
In my case the hierarchical tab structure is getting rendered from the database, and I have no clue on how to use tab template in this situation.

Thanks,
Sharon.
Asked by
Sharon
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Sharon
Top achievements
Rank 1
Share this question
or