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

Need some help with RadTab Setup

1 Answer 54 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Matt asked on 19 Dec 2008, 02:33 AM
I have some code below that I'm trying to get setup.  As you can see I have two parent nodes called:  Home & Services.  Each one has child nodes called:  Add, Remove, Preview.  I'm just not sure how to code the RadMultiPage.  I was hoping that someone could help me code this.  I would greatly appreciate it.

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0"  
            Skin="Sunset"
            <Tabs> 
                <telerik:RadTab runat="server" Selected="True" Text="HOME" SelectedIndex="0"
                    <Tabs> 
                        <telerik:RadTab runat="server" Text="Add" Selected="True"
                        </telerik:RadTab> 
                        <telerik:RadTab runat="server" Text="Remove"
                        </telerik:RadTab> 
                        <telerik:RadTab runat="server" Text="Preview"
                        </telerik:RadTab> 
                    </Tabs> 
                </telerik:RadTab> 
                <telerik:RadTab runat="server" SelectedIndex="0" Text="SERVICES"
                    <Tabs> 
                        <telerik:RadTab runat="server" Selected="True" Text="Add"
                        </telerik:RadTab> 
                        <telerik:RadTab runat="server" Text="Remove"
                        </telerik:RadTab> 
                        <telerik:RadTab runat="server" Text="Preview"
                        </telerik:RadTab> 
                    </Tabs> 
                </telerik:RadTab> 
            </Tabs> 
        </telerik:RadTabStrip> 
        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPage"
            <telerik:RadPageView ID="RadPageView1" runat="server" > 
                 
            </telerik:RadPageView> 
             
        </telerik:RadMultiPage> 

Thanks,
    QWERTYtech


1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 22 Dec 2008, 11:21 AM
Hello Matt,

To integrate RadTabStrip with RadMultiPage, set the MultiPageID property of RadTabStrip to the ID of the RadMultiPage control as shown below. Additionally, each tab in RadTabStrip has a property named PageViewID, which assigns a specific page in the RadMultiPage control that will be switched upon clicking on this tab.
aspx:
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" MultiPageID="RadMultiPage1" 
            Skin="Sunset">  
            <Tabs>  
                <telerik:RadTab runat="server" Selected="True" Text="HOME" SelectedIndex="0">  
                    <Tabs>  
                        <telerik:RadTab runat="server" Text="Add" PageViewID="RadPageView1" Selected="True">  
                        </telerik:RadTab>  
                        <telerik:RadTab runat="server" PageViewID="RadPageView2" Text="Remove">  
                        </telerik:RadTab>  
                        <telerik:RadTab runat="server" Text="Preview">  
                        </telerik:RadTab>  
                    </Tabs>  
                </telerik:RadTab>  
                <telerik:RadTab runat="server" SelectedIndex="0" Text="SERVICES">  
                    <Tabs>  
                        <telerik:RadTab runat="server" Selected="True" PageViewID="RadPageView1" Text="Add">  
                        </telerik:RadTab>  
                        <telerik:RadTab runat="server" PageViewID="RadPageView2" Text="Remove">  
                        </telerik:RadTab>  
                        <telerik:RadTab runat="server" Text="Preview">  
                        </telerik:RadTab>  
                    </Tabs>  
                </telerik:RadTab>  
            </Tabs>  
        </telerik:RadTabStrip>  
 
         <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPage">  
            <telerik:RadPageView ID="RadPageView1" runat="server" >  
              <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label> 
                    <asp:Button ID="Button3" runat="server" Text="Button" />   
            </telerik:RadPageView>  
            <telerik:RadPageView ID="RadPageView2" runat="server"
                    <asp:CheckBox ID="CheckBox1" runat="server" /> 
                <asp:DropDownList ID="DropDownList1" runat="server"
                </asp:DropDownList> 
            </telerik:RadPageView> 
              
        </telerik:RadMultiPage>  


You can go through the following online demo link to understand how to use RadMultiPage with RadTabStrip:
Multipage control in TabStrips

Thanks
Princy.

Tags
TabStrip
Asked by
Matt
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or