Even if Telerik RadMultiPage and Telerik RadTabStrip can be used independent of each other, these controls are best used together. When Telerik RadMultiPage is used with Telerik RadTabStrip, it represents the content area of Telerik RadTabStrip.

The screenshot below shows Telerik RadTabStrip together with Telerik RadMultiPage:

If you have a tabstrip with 3 tabs and a multipage with 3 pages, each tab will switch to the respective page in the multipage control – i.e. the second tab will switch to the second pageview.

Additionally, each tab in Telerik RadTabStrip has a property named PageViewID, which assigns a specific page in the Telerik RadMultiPage control that will be switched upon clicking on this tab.

Here is an example definition of Telerik RadTabStrip connected to a Telerik RadMultiPage:

Copy Code

<rad:RadTabStrip id="RadTabStrip1" MultiPageID="RadMultiPage1"    runat="server" Skin="WinXP">    <Tabs>        <rad:Tab            Text="Personal Details" PageViewID="Pageview3">        </rad:Tab>        <rad:Tab            Text="Education" PageViewID="Pageview2">        </rad:Tab>        <rad:Tab            Text="Computing Skills" PageViewID="Pageview1">        </rad:Tab>    </Tabs> </rad:RadTabStrip> <rad:RadMultiPage id="RadMultiPage1"    SelectedIndex="0" Runat="server">    <rad:PageView id="Pageview3" runat="server">        <!--        ...        Content of PageView3        ...        -->    </rad:PageView>    <rad:PageView id="Pageview2" runat="server">        <!--        ...        Content of PageView2        ...        -->    </rad:PageView>    <rad:PageView id="Pageview1" runat="server">        <!--        ...        Content of PageView1        ...        -->    </rad:PageView> </rad:RadMultiPage>

Note that the order of the pages is reversed: the first tab switches to the last page, and the last tab switches to the first page. This is to illustrate that you can assign any page to any tab.