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

RadTabStrip and PageView

1 Answer 247 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
John asked on 20 Dec 2014, 04:22 PM
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" "">

<html xmlns="">
<head runat="server">
    <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
  <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <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" />
    <script type="text/javascript">
        //Put your JavaScript code here.
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <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">
            <telerik:RadTab runat="server" Selected="True" Text="Store Information" PageViewID="RadPageView1">
            <telerik:RadTab runat="server" Text="General Information" PageViewID="RadPageView2">
            <telerik:RadTab runat="server" BackColor="#CCC0DA" Text="Fruits">
            <telerik:RadTab runat="server" BackColor="#C4BD97" Text="Nuts &amp; Ginseng">
            <telerik:RadTab runat="server" BackColor="#C4D79B" Text="Vegetables">
            <telerik:RadTab runat="server" BackColor="#B7DEE8" Text="Fish &amp; Shell Fish">
            <telerik:RadTab runat="server" BackColor="#E6B8B7" Text="Beef &amp; Veal">
        <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 ID="RadPageView2" runat="server" Height="360px" Width="787px">
        <asp:TextBox ID="txtDebug" runat="server" style="z-index: 102; left: 6px; width: 400px; position: absolute; top: 548px; height: 400px" TextMode="MultiLine"></asp:TextBox>



1 Answer, 1 is accepted

Sort by
Telerik team
answered on 24 Dec 2014, 09:05 AM

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.


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.

Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question