[CLOSED] Items in the non-first Tab (of a TabPanel) do not display correctly.

  1. #1

    [CLOSED] Items in the non-first Tab (of a TabPanel) do not display correctly.

    Hello.

    I've got a tab panel with two tabs. When I make the ActiveIndex = 1 (the second tab), the contents within the tab display correctly. When I make the ActiveIndex = 0 (the first tab), when you click on the second tab, the contents are NOT displayed correctly.

    Any ideas?

    Sample code follows:

    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Test2.aspx.vb" Inherits="Adhesion.Web.Test2" %>
    
    <%@ 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="ResourceManager1" runat="server" />
        <ext:Viewport ID="Viewport" runat="server" Layout="FitLayout">
            <Items>
                <ext:Panel ID="MainPanel" runat="server" Border="false" Layout="FitLayout">
                    <Items>
                        <ext:FitLayout ID="FitLayout1" runat="server">
                            <Items>
                                <ext:Panel ID="Panel1" runat="server" Border="false" Layout="FitLayout">
                                    <Items>
                                        <ext:TabPanel ID="TabPanel" runat="server" ActiveIndex="0" Header="true" EnableTabScroll="true"
                                            Border="false">
                                            <Items>
                                                <ext:Panel ID="DummyPanel" runat="server" Title="Dummy Panel" Header="false" Border="false" />
                                                <ext:Panel ID="ReportsPanel" runat="server" Title="Reporting +" Header="false" Border="false"
                                                    Padding="10">
                                                    <Items>
                                                        <ext:FitLayout runat="server">
                                                            <Items>
                                                                <ext:Panel ID="Panel21" runat="server" Border="false" AutoScroll="true" Header="false">
                                                                    <Items>
                                                                        <ext:Panel ID="RecurringSchedules" runat="server" Title="Recurring Schedules" Collapsible="true">
                                                                            <Items>
                                                                                <ext:FitLayout ID="FitLayout2" runat="server">
                                                                                    <Items>
                                                                                        <ext:Panel ID="Panel23" runat="server" Layout="HBoxLayout" Padding="10" Border="false"
                                                                                            AutoHeight="true">
                                                                                            <Buttons>
                                                                                                <ext:Button ID="Save" runat="server" Text="Save" />
                                                                                            </Buttons>
                                                                                            <Items>
                                                                                                <ext:FieldSet ID="fsMonthly" runat="server" Flex="1" Title="Monthly" Layout="FormLayout"
                                                                                                    DefaultAnchor="100%">
                                                                                                    <Items>
                                                                                                        <ext:SelectBox ID="MonthlyTemplate" runat="server" EmptyText="No Template Selected"
                                                                                                            FieldLabel="Template">
                                                                                                            <Store>
                                                                                                                <ext:Store ID="MonthlyTemplateStore" runat="server">
                                                                                                                    <Reader>
                                                                                                                        <ext:JsonReader IDProperty="value">
                                                                                                                            <Fields>
                                                                                                                                <ext:RecordField Name="value" Type="Int" />
                                                                                                                                <ext:RecordField Name="text" />
                                                                                                                            </Fields>
                                                                                                                        </ext:JsonReader>
                                                                                                                    </Reader>
                                                                                                                </ext:Store>
                                                                                                            </Store>
                                                                                                            <Triggers>
                                                                                                                <ext:FieldTrigger Icon="Clear" />
                                                                                                            </Triggers>
                                                                                                            <Listeners>
                                                                                                                <TriggerClick Handler="this.clear();" />
                                                                                                            </Listeners>
                                                                                                        </ext:SelectBox>
                                                                                                        <ext:Button ID="MonthlySelectedAccounts" runat="server" FieldLabel="Accounts" Text="Select Accounts" />
                                                                                                        <ext:Label ID="MonthlyDateScheduled" runat="server" FieldLabel="Date Scheduled" />
                                                                                                        <ext:Label ID="MonthlyLastRun" runat="server" FieldLabel="Last Run" />
                                                                                                        <ext:LinkButton ID="MonthlyStatus" runat="server" FieldLabel="Status" Text="Undefined" />
                                                                                                    </Items>
                                                                                                </ext:FieldSet>
                                                                                                <ext:Container ID="Container1" runat="server" Width="10" />
                                                                                                <ext:FieldSet ID="fsQuarterly" runat="server" Flex="1" Title="Quarterly" Layout="FormLayout"
                                                                                                    DefaultAnchor="100%">
                                                                                                    <Items>
                                                                                                        <ext:SelectBox ID="QuarterlyTemplate" runat="server" EmptyText="No Template Selected"
                                                                                                            FieldLabel="Template">
                                                                                                            <Store>
                                                                                                                <ext:Store ID="QuarterlyTemplateStore" runat="server">
                                                                                                                    <Reader>
                                                                                                                        <ext:JsonReader IDProperty="value">
                                                                                                                            <Fields>
                                                                                                                                <ext:RecordField Name="value" Type="Int" />
                                                                                                                                <ext:RecordField Name="text" />
                                                                                                                            </Fields>
                                                                                                                        </ext:JsonReader>
                                                                                                                    </Reader>
                                                                                                                </ext:Store>
                                                                                                            </Store>
                                                                                                            <Triggers>
                                                                                                                <ext:FieldTrigger Icon="Clear" />
                                                                                                            </Triggers>
                                                                                                            <Listeners>
                                                                                                                <TriggerClick Handler="this.clear();" />
                                                                                                            </Listeners>
                                                                                                        </ext:SelectBox>
                                                                                                        <ext:Button ID="QuarterlySelectedAccounts" runat="server" FieldLabel="Accounts" Text="Select Accounts" />
                                                                                                        <ext:Label ID="QuarterlyDateScheduled" runat="server" FieldLabel="Date Scheduled" />
                                                                                                        <ext:Label ID="QuarterlyLastRun" runat="server" FieldLabel="Last Run" />
                                                                                                        <ext:LinkButton ID="QuarterlyStatus" runat="server" FieldLabel="Status" Text="Undefined" />
                                                                                                    </Items>
                                                                                                </ext:FieldSet>
                                                                                                <ext:Container ID="Container2" runat="server" Width="10" />
                                                                                                <ext:FieldSet ID="fsAnnually" runat="server" Flex="1" Title="Annually" Layout="FormLayout"
                                                                                                    DefaultAnchor="100%">
                                                                                                    <Items>
                                                                                                        <ext:SelectBox ID="AnnuallyTemplate" runat="server" EmptyText="No Template Selected"
                                                                                                            FieldLabel="Template">
                                                                                                            <Store>
                                                                                                                <ext:Store ID="AnnuallyTemplateStore" runat="server">
                                                                                                                    <Reader>
                                                                                                                        <ext:JsonReader IDProperty="value">
                                                                                                                            <Fields>
                                                                                                                                <ext:RecordField Name="value" Type="Int" />
                                                                                                                                <ext:RecordField Name="text" />
                                                                                                                            </Fields>
                                                                                                                        </ext:JsonReader>
                                                                                                                    </Reader>
                                                                                                                </ext:Store>
                                                                                                            </Store>
                                                                                                            <Triggers>
                                                                                                                <ext:FieldTrigger Icon="Clear" />
                                                                                                            </Triggers>
                                                                                                            <Listeners>
                                                                                                                <TriggerClick Handler="this.clear();" />
                                                                                                            </Listeners>
                                                                                                        </ext:SelectBox>
                                                                                                        <ext:Button ID="AnnuallySelectedAccounts" runat="server" FieldLabel="Accounts" Text="Select Accounts" />
                                                                                                        <ext:Label ID="AnnuallyDateScheduled" runat="server" FieldLabel="Date Scheduled" />
                                                                                                        <ext:Label ID="AnnuallyLastRun" runat="server" FieldLabel="Last Run" />
                                                                                                        <ext:LinkButton ID="AnnuallyStatus" runat="server" FieldLabel="Status" Text="Undefined" />
                                                                                                    </Items>
                                                                                                </ext:FieldSet>
                                                                                            </Items>
                                                                                        </ext:Panel>
                                                                                    </Items>
                                                                                </ext:FitLayout>
                                                                            </Items>
                                                                        </ext:Panel>
                                                                    </Items>
                                                                </ext:Panel>
                                                            </Items>
                                                        </ext:FitLayout>
                                                    </Items>
                                                </ext:Panel>
                                            </Items>
                                        </ext:TabPanel>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:FitLayout>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
        </form>
    </body>
    </html>
    Last edited by Daniil; Aug 13, 2012 at 1:41 PM. Reason: [CLOSED]
  2. #2
    Hi,

    If it is appropriate, you can set up
    DeferredRender="false"
    for the TabPanel.
  3. #3
    Daniil,

    Setting DeferredRender="false" did fix the problem with the items not appearing correctly.

    However, another problem: The values in the selectboxes are showing their IDs instead of the descriptions they represent.

    I'm assuming this is a fallout of setting the DeferredRender setting. Is there something else I need to do to get the items in the selectbox to show correctly?Click image for larger version. 

Name:	layout_issue.GIF 
Views:	3 
Size:	43.9 KB 
ID:	4616
  4. #4
    Daniil,

    To help clarify,

    When you click the selectbox dropdown, you do see the items properly displayed in the list. But the preselected item only shows its ID (which corresponds to an item in the list).

    Rick
  5. #5
    Please try the following instead of DeferredRender.

    Set up
    AutoHeight="true"
    for each FieldSet.
  6. #6
    Daniil,

    The autoheight setting on the fieldsets did the trick. The issue with the selectbox that I mentioned previously was not related to my layout issues.

    Thanks!

    Rick

Similar Threads

  1. Replies: 8
    Last Post: Jul 26, 2011, 1:34 PM
  2. [CLOSED] 1.0 Windows no longer display correctly...
    By rthiney in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Feb 26, 2010, 4:43 PM
  3. [CLOSED] Nested tabpanel does not resize correctly
    By jchau in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Oct 13, 2009, 3:11 PM
  4. [CLOSED] Tabpanel + Gridpanel: display issue
    By reinout.mechant@imprss.be in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 26, 2009, 9:58 AM
  5. [CLOSED] display PDF in TabPanel
    By idrissb in forum 1.x Help
    Replies: 5
    Last Post: Sep 10, 2008, 7:02 PM

Tags for this Thread

Posting Permissions