Tab Strip with menu option in UI for ASP.NET AJAX

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

Tab Strip with menu option

1 Answer 18 Views

TabStrip

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

Rahul asked on 28 Jul 2014, 07:22 AM

Need help how to use tab strip with 2 different pages
For example :
I need 2 tab on one page
-------------------------------------
First Tab | Second Tab
-------------------------------------

On First Tab below menu will display
---------------------------------------------------------------------------------------------------------------
Menu1 | Menu 2 | Menu3 | Menu 4 | Menu 5
---------------------------------------------------------------------------------------------------------------

On Second Tab
---------------------------------------------------------------------------------------------------------------
Menu x | Menu Y | Meny Z
---------------------------------------------------------------------------------------------------------------

on tab click chagne tab and dispaly respective menu on screen. If user select Menu 1 then selected page will open inside tab

1 Answer, 1 is accepted

answered on 29 Jul 2014, 06:52 AM

Hi Rahul,

Please have a look into the sample code snippet which works fine at my end.

ASPX:

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab Text="First Tab" PageViewID="RadPageView1">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server">

<telerik:RadPageView ID="RadPageView1" runat="server">

<telerik:RadMenu ID="RadMenu1" runat="server" ClickToOpen="true">

<Items>

<telerik:RadMenuItem Text="Menu 1">

<ContentTemplate>

<uc1:TestPage ID="TestPage1" runat="server" />

</ContentTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</telerik:RadPageView>

</telerik:RadMultiPage>

Let me know if you have any concern.
Thanks,
Princy.