[CLOSED] Tabs navigation issue.

  1. #1

    [CLOSED] Tabs navigation issue.

    Hi,

    I have designed the page with more than 12 tabs in a tab panel. Initially all tabs are hide except one. In this form there is a left side panel which one having navigation and each panel will show up based on clicking on navigation. While clicking on navigation the tabs will open and tabscrollmenu will show up after opening some number of panels. I think the tabscrollmenu will show only panels opened, but tabscrollmenu is showing all opened and hidden tabs (all panels designed at design time). It should show only opened panels in the menu.

    Panels opened up to Main Section I_11 only but menu is showing all tab panels.

    
    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="TabMenutest.aspx.vb" Inherits="Testing_TabMenutest" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!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>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="resMngr" runat="server" />
        <ext:Viewport ID="vpReqFields" runat="server" Layout="border">
            <Items>
                <ext:Panel ID="pnlAll1003Sections" runat="server" Collapsible="true" Region="West"
                    Width="220" Split="true" Border="true" Title="Start New Loan" BodyStyle="background-color:#d9d9d9"
                    Layout="Border">                
                    <Items>
                        <ext:Panel ID="pnlLeftCtrls" runat="server" Region="Center" Layout="Accordion" Border="false">
                            <Items>
                                <ext:Panel ID="pnl1003Information" runat="server" Title="Main Section I" Border="false"
                                    Icon="Application" Layout="Border">
                                    <Items>
                                        <ext:MenuPanel ID="pnlMenuMain" runat="server" Region="Center" Border="false">
                                            <Menu ID="mnuMain" runat="server">
                                                <Items>
                                                    <ext:MenuItem runat="server" Text="Main Section I_1" ID="mnuitem1">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." MinDelay="2000" />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_2" ID="mnuitem2">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_3" ID="mnuitem3">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_4" ID="mnuitem4">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_5" ID="mnuitem5">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_6" ID="mnuitem6">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_7" ID="mnuitem7">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_8" ID="mnuitem8">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_9" ID="mnuitem9">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_10" ID="mnuitem10">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_11" ID="mnuitem11">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section I_12" ID="mnuitem15" Icon="Information"
                                                        IconAlign="Right">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                </Items>
                                            </Menu>
                                        </ext:MenuPanel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnl3rdParty" runat="server" Title="Main Section II"
                                    Icon="User" Border="false" Layout="Border">
                                    <Items>
                                        <ext:MenuPanel runat="server" ID="mnuPnl3RdParty" Region="Center" Border="false"
                                            BodyStyle="background-color:#ffffff">
                                            <Menu ID="mnu3rdParty" runat="server">
                                                <Items>
                                                    <ext:MenuItem runat="server" Text="Main Section II_1" ID="mnuitem12">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section II_2" ID="mnuitem13">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                    <ext:MenuItem runat="server" Text="Main Section II_3" ID="mnuitem14">
                                                        <DirectEvents>
                                                            <Click OnEvent="ShowSelectedPanelInfoTab">
                                                                <EventMask ShowMask="true" Msg="Loading..." />
                                                            </Click>
                                                        </DirectEvents>
                                                    </ext:MenuItem>
                                                    <ext:MenuSeparator />
                                                </Items>
                                            </Menu>
                                        </ext:MenuPanel>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
                <ext:Panel ID="pnlTabs" runat="server" Region="Center" Layout="Border" Border="false"
                    Padding="0" MonitorResize="true">
                    <Items>
                        <ext:TabPanel ID="tabSections" runat="server" ActiveTabIndex="0" Title="TabPanel"
                            EnableTabScroll="true" Region="Center">
                            <Plugins>
                                <ext:TabScrollerMenu PageSize="5">
                                </ext:TabScrollerMenu>
                            </Plugins>
                            <Items>
                                <ext:Panel ID="pnlMortgageTerms" runat="server" Title="Main Section I_1" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border" MonitorResize="true">                                
                                    <Items>
                                        <ext:Panel ID="pnlMortgageTermsCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlMTCtrls" runat="server" Region="Center" ButtonAlign="Center" BodyStyle="background-color:#d9d9d9"
                                                    Margins="5,5,5,5" Border="false" MonitorResize="true" AutoHeight="true">
                                                    <Items>
                                                        
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnMTSaveAndContinue" runat="server" Text="Save and Continue" Icon="Disk">
                                                            
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlPropertyInfo" runat="server" Title="Main Section I_2" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border" MonitorResize="true">                               
                                    <Items>
                                        <ext:Panel ID="pnlPropertyInfoCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlPICtrls" runat="server" Region="Center" ButtonAlign="Center" BodyStyle="background-color:#d9d9d9"
                                                    Margins="5,5,5,5" Border="false" MonitorResize="true" AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnPISaveAndContinue" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlBorrowerInfo" runat="server" Title="Main Section I_3" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border" MonitorResize="true">                                
                                    <Items>
                                        <ext:Panel ID="pnlBorrowerInfoCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlBorrCtrls" runat="server" Region="Center" ButtonAlign="Center"
                                                    BodyStyle="background-color:#d9d9d9" Margins="5,5,5,5" Border="false" MonitorResize="true"
                                                    AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnBorrowerInfo" runat="server" Text="Save and Continue" Icon="Disk">                                                        
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlEmploymentInfo" runat="server" Title="Main Section I_4" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlEmploymentInfoCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlEICtrls" runat="server" Region="Center" ButtonAlign="Center" BodyStyle="background-color:#d9d9d9"
                                                    Margins="5,5,5,5" Border="false" MonitorResize="true" AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnEmploymentInfo" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlIncome" runat="server" Title="Main Section I_5" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlIncomeCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlICtrls" runat="server" Region="Center" ButtonAlign="Center" BodyStyle="background-color:#d9d9d9"
                                                    Margins="5,5,5,5" Border="false" MonitorResize="true" AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnIncome" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlHousing" runat="server" Title="Main Section I_6" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlHousingCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlHCtrls" runat="server" Region="Center" ButtonAlign="Center" BodyStyle="background-color:#d9d9d9"
                                                    Margins="5,5,5,5" Border="false" MonitorResize="true" AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnHousing" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlAssets" runat="server" Title="Main Section I_7" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlAssetsCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlACtrls" runat="server" Region="Center" ButtonAlign="Center" BodyStyle="background-color:#d9d9d9"
                                                    Margins="5,5,5,5" Border="false" MonitorResize="true" AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnAssets" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlLiability" runat="server" Title="Main Section I_8" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlLiabilityCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlLCtrls" runat="server" Region="Center" ButtonAlign="Center" BodyStyle="background-color:#d9d9d9"
                                                    Margins="5,5,5,5" Border="false" MonitorResize="true" AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnLiability" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlRealEstate" runat="server" Title="Main Section I_9" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlRealEstateCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlRECtrls" runat="server" Region="Center" ButtonAlign="Center" BodyStyle="background-color:#d9d9d9"
                                                    Margins="5,5,5,5" Border="false" MonitorResize="true" AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnRealEstate" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlDeclarations" runat="server" Title="Main Section I_10" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlDeclarationsCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlDCtrls" runat="server" Region="Center" ButtonAlign="Center" BodyStyle="background-color:#d9d9d9"
                                                    Margins="5,5,5,5" Border="false" MonitorResize="true" AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnDeclarations" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlGovtMonitoring" runat="server" Title="Main Section I_11" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlGovtMonitoringCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlGMCtrls" runat="server" Region="Center" ButtonAlign="Center" BodyStyle="background-color:#d9d9d9"
                                                    Margins="5,5,5,5" Border="false" MonitorResize="true" AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnGovtMonitoring" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlAppraisalInfo" runat="server" Title="Main II_1" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlAppraisalInfoCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlAppraisalCtrls" runat="server" Region="Center" ButtonAlign="Center"
                                                    BodyStyle="background-color:#d9d9d9" Margins="5,5,5,5" Border="false" MonitorResize="true"
                                                    AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnAppraisal" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlTitleInfo" runat="server" Title="Main II_2" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlTitleInfoCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlTitleCtrls" runat="server" Region="Center" ButtonAlign="Center"
                                                    BodyStyle="background-color:#d9d9d9" Margins="5,5,5,5" Border="false" MonitorResize="true"
                                                    AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnTitle" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlInsuranceInfo" runat="server" Title="Main II_3" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlInsuranceInfoCtrls" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" Title="1003 Application Fields(* is Required)"
                                            AutoScroll="true">
                                            <Items>
                                                <ext:Panel ID="pnlInsuranceCtrls" runat="server" Region="Center" ButtonAlign="Center"
                                                    BodyStyle="background-color:#d9d9d9" Margins="5,5,5,5" Border="false" MonitorResize="true"
                                                    AutoHeight="true">
                                                    <Items>
                                                    </Items>
                                                    <Buttons>
                                                        <ext:Button ID="btnInsurance" runat="server" Text="Save and Continue" Icon="Disk">
                                                        </ext:Button>
                                                    </Buttons>
                                                </ext:Panel>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="pnlReqChecklist" runat="server" Title="Register Loan" BodyStyle="background-color:#ffffff"
                                    Border="false" Layout="Border">
                                    <Items>
                                        <ext:Panel ID="pnlConditions" runat="server" BodyStyle="background-color:#d9d9d9"
                                            Region="Center" Margins="5,5,5,5" Layout="Border" MonitorResize="true" AutoScroll="true">
                                            <Items>
                                            </Items>
                                        </ext:Panel>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:TabPanel>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
        
        </form>
    </body>
    </html>
    Code behind

    
    Imports Ext.Net
    Partial Class Testing_TabMenutest
        Inherits System.Web.UI.Page
    
        Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
            If Not Ext.Net.X.IsAjaxRequest Then
                Call ShowHideSections()
            End If
        End Sub
    
        Public Sub ShowHideSections()
    
            'Me.tabSections.HideTabStripItem(Me.pnlMortgageTerms)
            Me.tabSections.HideTabStripItem(Me.pnlPropertyInfo)
            Me.tabSections.HideTabStripItem(Me.pnlBorrowerInfo)
            Me.tabSections.HideTabStripItem(Me.pnlEmploymentInfo)
            Me.tabSections.HideTabStripItem(Me.pnlIncome)
            Me.tabSections.HideTabStripItem(Me.pnlHousing)
            Me.tabSections.HideTabStripItem(Me.pnlAssets)
            Me.tabSections.HideTabStripItem(Me.pnlLiability)
            Me.tabSections.HideTabStripItem(Me.pnlRealEstate)
            Me.tabSections.HideTabStripItem(Me.pnlDeclarations)
            Me.tabSections.HideTabStripItem(Me.pnlGovtMonitoring)
            Me.tabSections.HideTabStripItem(Me.pnlAppraisalInfo)
            Me.tabSections.HideTabStripItem(Me.pnlTitleInfo)
            Me.tabSections.HideTabStripItem(Me.pnlInsuranceInfo)
            Me.tabSections.HideTabStripItem(Me.pnlReqChecklist)
    
        End Sub
    
        Public Sub ShowSelectedPanelInfoTab(ByVal sender As Object, ByVal e As DirectEventArgs)
    
            Dim strId As String
    
            Dim mnItem As Ext.Net.MenuItem
            mnItem = CType(sender, Ext.Net.MenuItem)
            strId = mnItem.ID
            strId = strId.Substring(7, strId.Length - 7)
            Call AddTabToTabPanel(strId)
    
        End Sub
    
        Public Sub AddTabToTabPanel(ByVal pnlID As String)
    
    
            Select Case pnlID
                Case 1
                    Me.tabSections.UnhideTabStripItem(Me.pnlMortgageTerms)
                    tabSections.SetActiveTab(pnlMortgageTerms.ClientID)
                Case 2
                    Me.tabSections.UnhideTabStripItem(Me.pnlPropertyInfo)
                    tabSections.SetActiveTab(pnlPropertyInfo.ClientID)
                Case 3
                    Me.tabSections.UnhideTabStripItem(Me.pnlBorrowerInfo)
                    tabSections.SetActiveTab(pnlBorrowerInfo.ClientID)
                    pnlBorrowerInfo.DoLayout()
                Case 4
                    Me.tabSections.UnhideTabStripItem(Me.pnlEmploymentInfo)
                    tabSections.SetActiveTab(pnlEmploymentInfo.ClientID)
                Case 5
                    Me.tabSections.UnhideTabStripItem(Me.pnlIncome)
                    tabSections.SetActiveTab(pnlIncome.ClientID)
                Case 6
                    Me.tabSections.UnhideTabStripItem(Me.pnlHousing)
                    tabSections.SetActiveTab(pnlHousing.ClientID)
                Case 7
                    Me.tabSections.UnhideTabStripItem(Me.pnlAssets)
                    tabSections.SetActiveTab(pnlAssets.ClientID)
                Case 8
                    Me.tabSections.UnhideTabStripItem(Me.pnlLiability)
                    tabSections.SetActiveTab(pnlLiability.ClientID)
                Case 9
                    Me.tabSections.UnhideTabStripItem(Me.pnlRealEstate)
                    tabSections.SetActiveTab(pnlRealEstate.ClientID)
                Case 10
                    Me.tabSections.UnhideTabStripItem(Me.pnlDeclarations)
                    tabSections.SetActiveTab(pnlDeclarations.ClientID)
                Case 11
                    Me.tabSections.UnhideTabStripItem(Me.pnlGovtMonitoring)
                    tabSections.SetActiveTab(pnlGovtMonitoring.ClientID)
                Case 12
                    Me.tabSections.UnhideTabStripItem(Me.pnlAppraisalInfo)
                    tabSections.SetActiveTab(pnlAppraisalInfo.ClientID)
                Case 13
                    Me.tabSections.UnhideTabStripItem(Me.pnlTitleInfo)
                    tabSections.SetActiveTab(pnlTitleInfo.ClientID)
                Case 14
                    Me.tabSections.UnhideTabStripItem(Me.pnlInsuranceInfo)
                    tabSections.SetActiveTab(pnlInsuranceInfo.ClientID)
                Case 15
                    Me.tabSections.UnhideTabStripItem(Me.pnlReqChecklist)
                    tabSections.SetActiveTab(pnlReqChecklist.ClientID)
            End Select
    
        End Sub
    End Class
    Last edited by Daniil; May 02, 2011 at 10:29 AM. Reason: [CLOSED]
  2. #2
    Hi,

    We understand the problem and investigating.

    Please always simplify samples that you posted. For example, the sample that you posted could be much reduced and then consist about 50 code lines.
  3. #3
    Hi,

    Fixed in SVN. Please update and retest

Similar Threads

  1. [CLOSED] Move tabs Tabs Style Google Chrome
    By majunior in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Apr 30, 2013, 12:58 PM
  2. [OPEN] [#106] Navigation
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 29
    Last Post: Dec 29, 2012, 7:54 AM
  3. [CLOSED] Tab navigation issue in Editable GridPane
    By leon_tang in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Sep 19, 2011, 12:48 PM
  4. Tab panel navigation
    By AlexMaslakov in forum 1.x Help
    Replies: 4
    Last Post: Aug 22, 2011, 12:10 PM
  5. [CLOSED] Tabs data alignment issue
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 30, 2009, 4:04 PM

Tags for this Thread

Posting Permissions