Tab Strip with menu option

2 posts, 0 answers
  1. Rahul
    Rahul avatar
    142 posts
    Member since:
    May 2009

    Posted 28 Jul 2014 Link to this post

    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


  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 29 Jul 2014 in reply to Rahul Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top