RadTabStrip and PageView

2 posts, 0 answers
  1. John
    John avatar
    41 posts
    Member since:
    Jun 2008

    Posted 20 Dec 2014 Link to this post

    Hello all:

    I followed the online documentation, but cannot get the RadTabStrip to correctly change the page when clicked. I used a RadTabStrip, Added a MultipageView, and then added page views but nothing changes when I click the tabs. The code is shown below. Note I am using CodeBehind files so need to have the Tab change action in the code behind.

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
      <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
        </script>
    </telerik:RadCodeBlock>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>
        </telerik:RadScriptManager>
        <script type="text/javascript">
            //Put your JavaScript code here.
        </script>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        </telerik:RadAjaxManager>
        <div style="z-index: 102; left: 0px; width: 800px; position: absolute; top: 0px; height: 1000px">
          <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" OnAjaxRequest="RadAjaxPanel1_AjaxRequest" Height="692px" Width="798px">
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0">
              <Tabs>
                <telerik:RadTab runat="server" Selected="True" Text="Store Information" PageViewID="RadPageView1">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="General Information" PageViewID="RadPageView2">
                </telerik:RadTab>
                <telerik:RadTab runat="server" BackColor="#CCC0DA" Text="Fruits">
                </telerik:RadTab>
                <telerik:RadTab runat="server" BackColor="#C4BD97" Text="Nuts &amp; Ginseng">
                </telerik:RadTab>
                <telerik:RadTab runat="server" BackColor="#C4D79B" Text="Vegetables">
                </telerik:RadTab>
                <telerik:RadTab runat="server" BackColor="#B7DEE8" Text="Fish &amp; Shell Fish">
                </telerik:RadTab>
                <telerik:RadTab runat="server" BackColor="#E6B8B7" Text="Beef &amp; Veal">
                </telerik:RadTab>
              </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Height="365px" SelectedIndex="0">
              <telerik:RadPageView ID="RadPageView1" runat="server" Height="360px" Width="787px">
                <asp:Label ID="Label1" runat="server" Font-Bold="True" Text="Store Information"></asp:Label>
                <asp:Label ID="Label2" runat="server" Font-Bold="True" Text="Store Name:"></asp:Label><asp:TextBox ID="txtStoreName" runat="server"></asp:TextBox>
                <asp:Label ID="Label3" runat="server" Font-Bold="True" Text="Store ID Number:"></asp:Label><asp:TextBox ID="txtStoreID" runat="server"></asp:TextBox>
                <asp:Label ID="Label4" runat="server" Font-Bold="True" Text="Corporate Name:"></asp:Label><asp:TextBox ID="txtCorpName" runat="server"></asp:TextBox>
                <asp:Label ID="Label5" runat="server" Font-Bold="True" Text="Store Address:"></asp:Label><asp:TextBox ID="txtAddress1" runat="server"></asp:TextBox>
                <asp:Label ID="Label6" runat="server" Font-Bold="True" Text="City, State, Zip:"></asp:Label><asp:TextBox ID="txtCityStateZip" runat="server"></asp:TextBox>
                <asp:Label ID="Label7" runat="server" Font-Bold="True" Text="Store Phone Number:"></asp:Label><asp:TextBox ID="txtStorePhone" runat="server"></asp:TextBox>
                <asp:Label ID="Label8" runat="server" Font-Bold="True" Text="PACA License #:"></asp:Label><asp:TextBox ID="txtPACA" runat="server"></asp:TextBox>
              </telerik:RadPageView>
              <telerik:RadPageView ID="RadPageView2" runat="server" Height="360px" Width="787px">
              </telerik:RadPageView>
            </telerik:RadMultiPage>
            <asp:TextBox ID="txtDebug" runat="server" style="z-index: 102; left: 6px; width: 400px; position: absolute; top: 548px; height: 400px" TextMode="MultiLine"></asp:TextBox>
                

          </telerik:RadAjaxPanel>


        </div>
        </form>
    </body>
    </html>

  2. Plamen
    Admin
    Plamen avatar
    2734 posts

    Posted 24 Dec 2014 Link to this post

    Hello,

    You need to add the MultiPageID="RadMultiPage1" property of RadTabStrip as it is described in this help topic to relate both controls.

    Hope this will help you solve the issue.

    Regards,
    Plamen
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top