[Solved] Need some help with RadTab Setup

[Matt]

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

[Princy]

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.