What's New?

[CLOSED] Initial Load of ActiveTab does not display

  1. #1
    Aug 24, 2009, 11:26 PM

    [CLOSED] Initial Load of ActiveTab does not display

    I have tabs within a tab and when I go to the embedded tabs the default tab (noted by ActiveTabIndex="0") to display does not render until you click on a different tab and then back... Any ideas?

    Main page container
    <ext:Tab ID="Tab3" runat="server" Title="Find Artist or Repertoire">
                    
                    <Body>
                        <uc1:RepertoireSearchContainer ID="RepertoireSearchContainer1" runat="server" />
                    </Body>
                    
                </ext:Tab>
    User Control RepertoireSearchContainer where ActiveTabIndex="0" indicates "ReleaseTab" to display as the default tab. The user control for "ReleaseSearchControl" is a simple FitFormat >RowLayout > ColumnLayout. The content does not render until you go to a different tab first. I have tried the other 2 tabs as being the ActiveIndex and whichever one is supposed to display first never does an initial rendering.

    <ext:TabPanel ID="TabPanelSearch" runat="server" ActiveTabIndex="0" Height="350">
                            <Tabs>
                                <ext:Tab ID="ReleaseTab" runat="server" Title="Releases">
                                    <Body>                                        
                                        <uc1:ReleaseSearch ID="ReleaseSearchControl" runat="server" />
                                    </Body>
                                </ext:Tab>
                                <ext:Tab runat="server" Title="Resources / Tracks">
                                    <Body>
                                        <uc2:ResourceSearch ID="ResourceSearchControl" runat="server" />
                                    </Body>
                                </ext:Tab>
                                <ext:Tab runat="server" Title="Artists">
                                    <Body>
                                        <uc3:ArtistSearch ID="ArtistSearchControl" runat="server" />
                                    </Body>
                                </ext:Tab>
                            </Tabs>
                        </ext:TabPanel>
  2. #2
    Aug 25, 2009, 8:02 AM

    RE: [CLOSED] Initial Load of ActiveTab does not display

    Hi,

    Set LayoutOnTabChange="true" for TabPanel
  3. #3
    Aug 25, 2009, 1:31 PM

    RE: [CLOSED] Initial Load of ActiveTab does not display

    That didn't seem to do anything. The initial tab still does not render until you click another tab and come back...
  4. #4
    Aug 25, 2009, 1:35 PM

    RE: [CLOSED] Initial Load of ActiveTab does not display

    Hi,

    Then we need the example which reproduces the problem
  5. #5
    Aug 25, 2009, 1:46 PM

    RE: [CLOSED] Initial Load of ActiveTab does not display

    Okay - I have attached a zip file with all the necessary files. The main container is the home.aspx, and specifically tab 3 (you can just comment out the other two tabs I guess) which then contains the all the other control files that make up the embedded tabs that I am having problems with.

    So Home.aspx > Tab3 > RepertoireSearchContainer (contains 3 tabs) >
    <ext:TabPanel ID="TabPanelSearch" runat="server" ActiveTabIndex="0" Height="350" LayoutOnTabChange="true">
                            <Tabs>
                                <ext:Tab ID="ReleaseTab" runat="server" Title="Releases">
                                    <Body>                                        
                                        <uc1:ReleaseSearch ID="ReleaseSearchControl" runat="server" />
                                    </Body>
                                </ext:Tab>
                                <ext:Tab runat="server" Title="Resources / Tracks">
                                    <Body>
                                        <uc2:ResourceSearch ID="ResourceSearchControl" runat="server" />
                                    </Body>
                                </ext:Tab>
                                <ext:Tab runat="server" Title="Artists">
                                    <Body>
                                        <uc3:ArtistSearch ID="ArtistSearchControl" runat="server" />
                                    </Body>
                                </ext:Tab>
                            </Tabs>
                        </ext:TabPanel>
  6. #6
    Aug 25, 2009, 3:00 PM

    RE: [CLOSED] Initial Load of ActiveTab does not display

    Hi,

    It's a good idea to always put controls inside layout if you placed it in hidden area (like inactive tab). It will avoid render problems

    1. Set LayoutOnTabChange="true" for TabPanel from Home.aspx
    2. Modify RepertoireSearchContainer user control as the following
    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="RepertoireSearchContainer.ascx.cs" Inherits="RepertoireSearch" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<%@ Register src="ReleaseSearch.ascx" tagname="ReleaseSearch" tagprefix="uc1" %>
<%@ Register src="ResourceTrackSearch.ascx" tagname="ResourceSearch" tagprefix="uc2" %>   
<%@ Register src="ArtistSearch.ascx" tagname="ArtistSearch" tagprefix="uc3" %>    
    <ext:FitLayout ID="FitLayout3" runat="server">
        <ext:Panel ID="Panel6" runat="server" Frame="true">
            <Body>
                <ext:ContainerLayout runat="server">
                    <ext:Panel ID="Panel18" runat="server" BodyStyle="padding: 10px;">
                        <Body>
                            <ext:ContainerLayout runat="server">
                                <ext:Panel runat="server" Border="false">
                                    <Body>
                                        <h3>Under Construction...</h3>
                                        <br />   
                                    </Body>
                                </ext:Panel>
                                
                                <ext:TabPanel ID="TabPanelSearch" runat="server" ActiveTabIndex="0" Height="350" LayoutOnTabChange="true">
                                    <Tabs>
                                        <ext:Tab ID="ReleaseTab" runat="server" Title="Releases">
                                            <Body>                                        
                                                <uc1:ReleaseSearch ID="ReleaseSearchControl" runat="server" />
                                            </Body>
                                        </ext:Tab>
                                        <ext:Tab runat="server" Title="Resources / Tracks">
                                            <Body>
                                                <uc2:ResourceSearch ID="ResourceSearchControl" runat="server" />
                                            </Body>
                                        </ext:Tab>
                                        <ext:Tab runat="server" Title="Artists">
                                            <Body>
                                                <uc3:ArtistSearch ID="ArtistSearchControl" runat="server" />
                                            </Body>
                                        </ext:Tab>
                                    </Tabs>
                                </ext:TabPanel>
                            </ext:ContainerLayout>                            
                        </Body>
                    </ext:Panel>
                </ext:ContainerLayout>
            </Body>
            <Buttons>
                <ext:Button ID="Button1" runat="server" Text="Search" Icon="Find"> 
                         
                </ext:Button>
                <ext:Button ID="Button2" runat="server" Text="Reset" Icon="Reload" />
            </Buttons>
        </ext:Panel>
    </ext:FitLayout>
  7. #7
    Aug 25, 2009, 3:13 PM

    RE: [CLOSED] Initial Load of ActiveTab does not display

    Thank you SO much. That took care of it. Now I know to place controls inside a layout. I apologize - we just started using Coolite so I am trying to come up to speed.

Similar Threads

  1. [CLOSED] Set selected node on initial page load
    By jchau in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 16, 2012, 11:19 AM
  2. Don't want TextField AllowBlank to display validation error on initial page load
    By jchau in forum 1.x Help
    Replies: 3
    Last Post: Jun 27, 2012, 2:19 PM
  3. [ Initial Page Start Loading (Mask Load) ]
    By iDevSEO in forum 1.x Help
    Replies: 2
    Last Post: Dec 29, 2011, 1:15 PM
  4. [CLOSED] [1.0] ViewPort. 'North' not visible initial load
    By CarWise in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 22, 2010, 6:40 AM
  5. Image control causes display issue in border layout on initial load
    By jpadgett in forum 1.x Help
    Replies: 3
    Last Post: Nov 06, 2009, 10:46 AM

Posting Permissions