Problem facing with page view and RabTabStrip

2 posts, 0 answers
  1. Abid
    Abid avatar
    9 posts
    Member since:
    Jul 2011

    Posted 02 Aug 2011 Link to this post

    My Code is :

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


    <!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 id="Head1" runat="server">
        <title></title>
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
        <style type="text/css">
            .border
            {
                border-bottom: 1px solid grey;
            }
            
            .RadTabStripVertical li.rtsLI .new, .new
            {
                padding-left: 10px !important;
            }
            .RadTabStripVertical li.rtsLI .new1, .new1
            {
                padding-left: 20px !important;
            }
            .RadTabStripVertical li.rtsLI .new2, .new2
            {
                padding-left: 30px !important;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <%--Needed for JavaScript IntelliSense in VS2010--%>
                <%--For VS2008 replace RadScriptManager with ScriptManager--%>
                <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>
            <table style="padding: 0px; width: 100%; float: left">
                <tr>
                    <td width="20%" valign="top">
                        <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%">
                            <Items>
                                <telerik:RadPanelItem runat="server" Text="Registration">
                                    <Items>
                                        <telerik:RadPanelItem runat="server" Text="Student">
                                        </telerik:RadPanelItem>
                                        <telerik:RadPanelItem runat="server" Text="Test">
                                        </telerik:RadPanelItem>
                                    </Items>
                                </telerik:RadPanelItem>
                                <telerik:RadPanelItem runat="server" Text="SuperUser">
                                    <Items>
                                        <telerik:RadPanelItem runat="server" Text="Window &amp; Tab">
                                        </telerik:RadPanelItem>
                                    </Items>
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelBar>
                    </td>
                    <td width="100%" style="float: left">
                        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" Skin="Office2007"
                            Width="100%" MultiPageID="RadMultiPage1">
                            <Tabs>
                                <telerik:RadTab runat="server" Text="Student" Selected="True" SelectedIndex="0" PageViewID="RadPageView1">
                                    <Tabs>
                                        <telerik:RadTab runat="server" Text="AD_TABLE_ID" PageViewID="RadPageView1">
                                        </telerik:RadTab>
                                    </Tabs>
                                </telerik:RadTab>
                                <telerik:RadTab runat="server" Text="Test" PageViewID="RadPageView2">
                                    <Tabs>
                                        <telerik:RadTab runat="server" Text="Client Orders" PageViewID="RadPageView2">
                                        </telerik:RadTab>
                                        <telerik:RadTab runat="server" Text="Client Information" PageViewID="RadPageView2">
                                        </telerik:RadTab>
                                    </Tabs>
                                </telerik:RadTab>
                            </Tabs>
                        </telerik:RadTabStrip>
                        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Width="100%" SelectedIndex="0">
                            <telerik:RadPageView ID="RadPageView1" runat="server" Width="100%">
                                <telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100%">
                                    <Items>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Ignore24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Help24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Save24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Multi24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Ignore24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Report24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Report24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Archive24.png">
                                        </telerik:RadToolBarButton>
                                    </Items>
                                </telerik:RadToolBar>
                                <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="XmlDataSource1">
                                    <HeaderContextMenu DataTextField="id" DataValueField="id">
                                    </HeaderContextMenu>
                                    <HeaderContextMenu DataTextField="name" DataValueField="name">
                                    </HeaderContextMenu>
                                    <HeaderContextMenu DataTextField="color" DataValueField="color">
                                    </HeaderContextMenu>
                                </telerik:RadGrid>
                                <asp:XmlDataSource ID="XmlDataSource1" runat="server" EnableCaching="False" DataFile="~/Bin/xml.xml"
                                    TransformFile="~/Bin/xml.xsl"></asp:XmlDataSource>
                                <br>
                                student >> home address >> city<br>
                                <!--Sub Tab -->
                                <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Orientation="VerticalLeft"
                                    MultiPageID="RadMultiPage2" Width="10%" SelectedIndex="1">
                                    <Tabs>
                                        <telerik:RadTab runat="server" Text="Batch" PageViewID="RadPageView3" CssClass="border">
                                        </telerik:RadTab>
                                        <telerik:RadTab runat="server" Text="Address" OuterCssClass="new" CssClass="border"
                                            Selected="True" PageViewID="RadPageView3">
                                        </telerik:RadTab>
                                    </Tabs>
                                </telerik:RadTabStrip>
                            </telerik:RadPageView>
                            <telerik:RadPageView ID="RadPageView2" runat="server" Width="100%">
                            </telerik:RadPageView>
                        </telerik:RadMultiPage>
                        <telerik:RadMultiPage ID="RadMultiPage2" runat="server">
                            <telerik:RadPageView ID="RadPageView3" runat="server" Width="100%">
                                <telerik:RadToolBar ID="RadToolBar3" runat="server" Width="100%">
                                    <Items>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Ignore24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Help24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Save24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Multi24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Ignore24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Report24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Report24.png">
                                        </telerik:RadToolBarButton>
                                        <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Archive24.png">
                                        </telerik:RadToolBarButton>
                                    </Items>
                                </telerik:RadToolBar>
                                <telerik:RadGrid ID="RadGrid2" runat="server" DataSourceID="XmlDataSource1">
                                    <HeaderContextMenu DataTextField="id" DataValueField="id">
                                    </HeaderContextMenu>
                                    <HeaderContextMenu DataTextField="name" DataValueField="name">
                                    </HeaderContextMenu>
                                    <HeaderContextMenu DataTextField="color" DataValueField="color">
                                    </HeaderContextMenu>
                                </telerik:RadGrid>
                                <asp:XmlDataSource ID="XmlDataSource2" runat="server" EnableCaching="False" DataFile="~/Bin/xml.xml"
                                    TransformFile="~/Bin/xml.xsl"></asp:XmlDataSource>
                            </telerik:RadPageView>
                        </telerik:RadMultiPage>
                    </td>
                </tr>
            </table>
        </div>
        </form>
    </body>
    </html>
    NOW THE PROBLEM I AM FACING IS, INITIALLY ON THE PAGE LOAD, TEST RAD TAB CONTENT IS EMPTY. WHEN I CLICK BATCH AND THE CONTENT OF THE BATCH APPEARS, THE CONTENT OF THE BATCH ALSO APPEARS WITH THE TEST RAD TAB. CAN ANY BODY SOLVE THIS ISSUE? 



  2. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 03 Aug 2011 Link to this post

    Hello Abid,

    Could you please change your code like the following:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head id="Head1" runat="server">
        <title></title>
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
        <style type="text/css">
            .border
            {
              border-bottom: 1px solid grey;
            }
             
            .RadTabStripVertical li.rtsLI .new, .new
            {
               padding-left: 10px !important;
            }
            .RadTabStripVertical li.rtsLI .new1, .new1
            {
               padding-left: 20px !important;
            }
            .RadTabStripVertical li.rtsLI .new2, .new2
            {
               padding-left: 30px !important;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <%--Needed for JavaScript IntelliSense in VS2010--%>
            <%--For VS2008 replace RadScriptManager with ScriptManager--%>
            <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>
        <table style="padding: 0px; width: 100%; float: left">
        <tr>
        <td width="100%" style="float: left">
        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" Skin="Office2007"
        Width="100%" MultiPageID="RadMultiPage1">
        <Tabs>
        <telerik:RadTab runat="server" Text="Student" Selected="True" SelectedIndex="0" PageViewID="RadPageView1">
        <Tabs>
            <telerik:RadTab runat="server" Text="AD_TABLE_ID" PageViewID="RadPageView1">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTab>
    <telerik:RadTab runat="server" Text="Test" PageViewID="RadPageView2">
    <Tabs>
        <telerik:RadTab runat="server" Text="Client Orders" PageViewID="RadPageView2">
        </telerik:RadTab>
        <telerik:RadTab runat="server" Text="Client Information" PageViewID="RadPageView2">
        </telerik:RadTab>
    </Tabs>
    </telerik:RadTab>
    </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Width="100%" SelectedIndex="0">
    <telerik:RadPageView ID="RadPageView1" runat="server" Width="100%">
        <telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100%">
            <Items>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
                </telerik:RadToolBarButton>
            </Items>
        </telerik:RadToolBar>
        
        <br>
        student >> home address >> city<br>
        <!--Sub Tab -->
        <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Orientation="VerticalLeft"
            MultiPageID="RadMultiPage2" Width="10%">
            <Tabs>
                <telerik:RadTab runat="server" Text="Batch" PageViewID="RadPageView3" CssClass="border">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Address" OuterCssClass="new" CssClass="border"
                    Selected="True" PageViewID="RadPageView3">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="RadMultiPage2" runat="server">
    <telerik:RadPageView ID="RadPageView3" runat="server" Width="100%">
        <telerik:RadToolBar ID="RadToolBar3" runat="server" Width="100%">
            <Items>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" IText="RadToolBar3">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
                </telerik:RadToolBarButton>
            </Items>
        </telerik:RadToolBar>
        <asp:XmlDataSource ID="XmlDataSource2" runat="server" EnableCaching="False" DataFile="~/Bin/xml.xml"
            TransformFile="~/Bin/xml.xsl"></asp:XmlDataSource>
    </telerik:RadPageView>
    </telerik:RadMultiPage>
    </telerik:RadPageView>
    <telerik:RadPageView ID="RadPageView2" runat="server" Width="100%">
    This is Page2
    </telerik:RadPageView>
    </telerik:RadMultiPage>
    </td>
    </tr>
    </table>
    </div>
    </form>
    </body>
    </html>

    Regards,
    Helen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

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