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">
<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">
<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?
<%@ 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">
<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">
<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?
1 Answer, 1 is accepted
0
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
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.