Placing Multipage inside a page view..

2 posts, 0 answers
  1. SUNIL
    SUNIL avatar
    1 posts
    Member since:
    Oct 2013

    Posted 16 Oct 2013 Link to this post

    My code is below

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tabstripe.aspx.cs" Inherits="tabstripe.tabstripe" %>

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

    <!DOCTYPE html>


    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head>
        <title></title>
        <style type="text/css">
            .qsf-demo-content .rtsLI {
                width: 200px;
            }
        </style>
    </head>

    <form id="form1" runat="server">
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        </telerik:RadAjaxManager>
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
        <telerik:RadTabStrip ID="TabStrip1" runat="server" EnableDragToReorder="True" MultiPageID="RadMultiPag1" SelectedIndex="0">
            <Tabs>
                <telerik:RadTab Text="Create" Selected="True"></telerik:RadTab>
                <telerik:RadTab Text="Track"></telerik:RadTab>
                <telerik:RadTab Text="Invoice"></telerik:RadTab>
                <telerik:RadTab Text="Abcd"></telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="RadMultiPag1" runat="server" SelectedIndex="0">
            <telerik:RadPageView ID="RadPageView1" runat="server" Style="overflow: hidden">
                <telerik:RadTabStrip ID="RadTabStrip2" runat="server" EnableDragToReorder="True" MultiPageID="SecMultiPage" OnTabClick="RadTabStrip2_TabClick" Orientation="VerticalLeft" SelectedIndex="0">
                    <Tabs>
                        <telerik:RadTab Text="Customer" Selected="True"></telerik:RadTab>
                        <telerik:RadTab Text="Shipment"></telerik:RadTab>
                        <telerik:RadTab Text="Consignee"></telerik:RadTab>
                        <telerik:RadTab Text="Package"></telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView2" runat="server" Style="overflow: hidden">
                &nbsp;<asp:fileupload id="FileUpload1" runat="server" />
                <asp:label id="Label1" runat="server" text="Label"></asp:label>
            </telerik:RadPageView>

            <telerik:RadPageView ID="RadPageView11" runat="server" Style="overflow: hidden">
                &nbsp;<asp:label id="Label2" runat="server" text="Label"></asp:label>
            </telerik:RadPageView>

            <telerik:RadPageView ID="RadPageView3" runat="server" Style="overflow: hidden">
                <img alt="cnn" src="Img/CNN.png" />
                <asp:linkbutton id="LinkButton1" runat="server">LinkButton</asp:linkbutton>
                <asp:checkboxlist id="CheckBoxList1" runat="server">
                    </asp:checkboxlist>
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView4" runat="server" Style="overflow: hidden">
                <img alt="telerik" src="Img/Telerik.png" />
            </telerik:RadPageView>
        </telerik:RadMultiPage>

        <telerik:RadMultiPage ID="SecMultiPage" runat="server">
            <telerik:RadPageView ID="CusPage" runat="server">
                <asp:dropdownlist runat="server"></asp:dropdownlist>
                RadPageView
            </telerik:RadPageView>
            <telerik:RadPageView ID="ShipPage" runat="server">
                <asp:label runat="server" text="Label"></asp:label>

            </telerik:RadPageView>
        </telerik:RadMultiPage>
    </form>

    </html>

    I am trying place the secMultipage inside the first multipage . Can I place the Sec multipage inside the page view 1?
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 21 Oct 2013 Link to this post

    Hi Sunil,

    You can nest different pageviews but I would suggest that you use the ContentUrl property of the RadTab in order to get the desired behavior. Attached to this post you can find a very simplified runnable pages that demonstrate the described approach.

    Regards,
    Kate
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top