What's New?

Column Layout exceeds screen width in chrome

  1. #1
    Jul 16, 2012, 10:59 PM

    Column Layout exceeds screen width in chrome

    It seems like every row exceeds the screen width in chrome.
    Click image for larger version.  Name: chrome_notRight.JPG  Views: 188  Size: 66.4 KB  ID: 4489

    But it's alright in IE9.
    Click image for larger version.  Name: IE9_NOProblem.JPG  Views: 192  Size: 71.6 KB  ID: 4490

    However, many people prefer using chrome. so.. Please help me

        <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Slate" />
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout" AutoScroll="true">
    <Items>
    <ext:Panel ID="Panelcard_Main" runat="server" Region="Center" AutoHeight="true"
        Layout="card"
        ActiveIndex="0">
        <Items>
             
            <%-- First page panel --%>
            <ext:Panel ID="Panel_FirstPage"
                    runat="server"
                    Title="Create New"
                    Frame="true"
                    AutoHeight="true"
                    AutoScroll="true"
                    >
             <Items>
                <ext:FieldSet ID="FieldSet_SDE_Servers"
                                    runat="server"
                                    Title="SDE"
                                    Collapsible="true"
                                    AutoHeight="true"
                                    HideMode="Offsets">
                    <Items>
                        <ext:TabPanel ID="TabPanel_Public_Private_SDE"
                                    runat="server"
                                    ActiveTabIndex="0"
                                    AutoHeight="true">
                        <Items>
                        <ext:Panel ID="Panel_Private"
                                    runat="server"
                                    Title="Custom SDE"
                                    AutoHeight="true"
                                    Frame="true">
                                    <Items>

                                    <%-- FieldSet1, sde server, platform, keyword, version,databasename --%>
                                    <ext:FieldSet ID="FieldSet_privateSDE_setting" runat="Server" Layout="ColumnLayout" Height="75" Padding="7">
                                    <Items>
                                        <ext:Container ID="Container_Coloumn1" 
                                                   runat="server" 
                                                   LabelAlign="Left" 
                                                   Layout="Form" 
                                                   ColumnWidth=".3" 
                                                   AutoHeight="true">
                                     <Items>
                                        <%-- Select DBMS Type --%>
                                        <ext:ComboBox ID="ComboBox_DBMSType_Private" 
                                                        runat="server"
                                                        FieldLabel="DBMS Type"
                                                        AnchorHorizontal="80%"
                                                        LabelWidth="90"
                                                        Mode="Local"
                                                        EmptyText="Select DBMS Type"
                                                        ForceSelection="true"
                                                        AllowBlank="false">
                                            </ext:ComboBox>

                                         <%-- Select Keyword --%>
                                        <ext:ComboBox ID="ComboBox_Keyword_Private" 
                                                        runat="server"
                                                        FieldLabel="Keyword"
                                                        AnchorHorizontal="80%"
                                                        LabelWidth="90"
                                                        Mode="Local"
                                                        EmptyText="Select Keyword"
                                                        ForceSelection="true"
                                                        AllowBlank="false">
                                            </ext:ComboBox>
                                    </Items>

                                    </ext:Container>
                                    <%-- TextField --%>
                                    <ext:Container ID="Container_Coloumn2" runat="server" LabelAlign="Left" Layout="Form" ColumnWidth=".3" AutoHeight="true">
                                        <Items>
                                            <ext:TextField ID="TextField_Instance" runat="server" FieldLabel="Instance" AnchorHorizontal="80%" 
                                                           EmptyText="Type in Server Name" AllowBlank="false"  LabelWidth="50"/>
                                            <ext:TextField ID="TextField_Version" runat="server" FieldLabel="Version" AnchorHorizontal="80%" 
                                                           EmptyText="Type in Version" AllowBlank="false"  LabelWidth="50"/>
                                        </Items>
                                    </ext:Container>

                                    <%-- TextField --%>
                                    <ext:Container ID="Container_Coloumn3" runat="server" LabelAlign="Left" Layout="Form" ColumnWidth=".3" AutoHeight="true">
                                        <Items>
                                            <ext:TextField ID="TextField_DBName" runat="server" FieldLabel="Database" AnchorHorizontal="60%" 
                                                           EmptyText="Type in Database Name" AllowBlank="false" LabelWidth="50" />
                                        </Items>
                                    </ext:Container>
                                    </Items>
                                    </ext:FieldSet>
                                    <%-- END FieldSet1, sde server, platform, keyword, version,databasename --%>

                                    <%-- Fieldset2, Authentication, user/password for 3 pairs --%>
                                    <ext:FieldSet ID="FieldSet_Authentication_SDE_Private" runat="Server" Layout="ColumnLayout" Height="100" Padding="7">
                                    <Items>

                                    <%-- Users --%>
                                        <ext:Container ID="Container_Coloumn1_Authen" runat="server" LabelAlign="Left" Layout="Form" ColumnWidth=".3" AutoHeight="true">
                                        <Items>
                                            <ext:TextField ID="TextField_User1" runat="server" FieldLabel="User1" AnchorHorizontal="80%" 
                                                           EmptyText="Type in User Name" AllowBlank="false"  LabelWidth="50"/>
                                            <ext:TextField ID="TextField_User2" runat="server" FieldLabel="User2" AnchorHorizontal="80%" 
                                                           EmptyText="Optional" AllowBlank="true"  LabelWidth="50"/>
                                            <ext:TextField ID="TextField_User3" runat="server" FieldLabel="User3" AnchorHorizontal="80%" 
                                                           EmptyText="Optional" AllowBlank="true"  LabelWidth="50"/>
                                        </Items>
                                    </ext:Container>

                                    <%-- Password --%>
                                    <ext:Container ID="Container_Coloumn2_Authen" runat="server" LabelAlign="Left" Layout="Form" ColumnWidth=".3" AutoHeight="true">
                                        <Items>
                                            <ext:TextField ID="TextField_Password1" runat="server" FieldLabel="Password1" AnchorHorizontal="34%" 
                                                           EmptyText="Type in Password" AllowBlank="false" LabelWidth="50" />
                                            <ext:TextField ID="TextField_Password2" runat="server" FieldLabel="Password2" AnchorHorizontal="34%" 
                                                           EmptyText="Optional" AllowBlank="true" LabelWidth="50" />
                                            <ext:TextField ID="TextField_Password3" runat="server" FieldLabel="Password3" AnchorHorizontal="34%" 
                                                           EmptyText="Optional" AllowBlank="true" LabelWidth="50" />
                                        </Items>
                                    </ext:Container>

                                    </Items>
                                    </ext:FieldSet>
                                    <%-- END Fieldset2, Authentication, user/password for 3 pairs --%>

                                    <%-- Fieldset3, other env settings for posting result, OS, DMBS, SDE Release --%>
                                    <ext:FieldSet ID="FieldSet_otherRequirement" runat="Server" Layout="ColumnLayout" Height="45" Padding="5">
                                    <Items>
                                    <ext:Container ID="Container_OS" 
                                                   runat="server" 
                                                   LabelAlign="Left" 
                                                   Layout="Form" 
                                                   ColumnWidth=".3" 
                                                   AutoHeight="true">
                                     <Items>
                                        <%-- Select OS Type --%>
                                      <ext:ComboBox ID="ComboBox_SDE_OS_Private" 
                                                    runat="server"
                                                    FieldLabel="OS Type"
                                                    AnchorHorizontal="80%"
                                                    LabelWidth="90"
                                                    Mode="Local"
                                                    EmptyText="Select OS Type"
                                                    ForceSelection="true"
                                                    AllowBlank="false">
                                        </ext:ComboBox>
                                      </Items>
                                      </ext:Container>

                                        <ext:Container ID="Container_SDE_DBMS_Private" 
                                                runat="server" 
                                                LabelAlign="Left" 
                                                Layout="Form" 
                                                ColumnWidth=".3" 
                                                AutoHeight="true">
                                        <Items>
                                        <%-- Select DBMS type --%>
                                        <ext:ComboBox ID="ComboBox_DBMS_Type_Private" 
                                                    runat="server"
                                                    FieldLabel="DBMS Type"
                                                    AnchorHorizontal="80%"
                                                    LabelWidth="90"
                                                    Mode="Local"
                                                    EmptyText="Select DBMS Type"
                                                    ForceSelection="true"
                                                    AllowBlank="false">
                                        </ext:ComboBox>
                                        </Items>
                                        </ext:Container>

                                       <ext:Container ID="Container1" 
                                                    runat="server" 
                                                    LabelAlign="Left" 
                                                    Layout="Form" 
                                                    ColumnWidth=".3" 
                                                    AutoHeight="true">
                                            <Items>
                                            <%-- Select SDE Release  --%>
                                            <ext:ComboBox ID="ComboBox_SDE_Release_Private" 
                                                        runat="server"
                                                        FieldLabel="SDE Release"
                                                        AnchorHorizontal="60%"
                                                        LabelWidth="90"
                                                        Mode="Local"
                                                        EmptyText="Select SDE Release"
                                                        ForceSelection="true"
                                                        AllowBlank="false">
                                            </ext:ComboBox>
                                            </Items>
                                            </ext:Container>
                                    </Items>
                                    </ext:FieldSet>      
                                    <%-- END Fieldset3, other env settings for posting result, OS, DMBS, SDE Release --%>
                                    </Items>
                                </ext:Panel>
                        </Items>
                        </ext:TabPanel>
                </Items>
                </ext:FieldSet>
             </Items>
             </ext:Panel>
        </Items>
        </ext:Panel>
    </Items>
</ext:Viewport>
  2. #2
    Jul 16, 2012, 11:44 PM
    Hi,

    For me, your sample appears to render correctly in Chrome. Maybe try to simplify your sample down to just the minimum required to reproduce the problem.

    As well, you should be able to remove all instances of AutoHeight="true" and AutoScroll="true". Both should not be required.

    If you find those two properties are required, your layout requires some refactoring. They should not be required.
    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  3. #3
    Jul 17, 2012, 12:06 AM
    Hi Geoffrey,

    Thanks for your reply.

    I have updated my chrome to the latest version. It still happens, and it also happens with firefox.

    The reason I use autoheight is I have another gridpanel, which will show its data dynamically. And I have more elements below the gridpanel and all the comboboxes, I just deleted them in my sample.

    I created a new sample with less code. Can you check this again? Thanks very much.

    <body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Slate" />
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout" AutoScroll="true">
    <Items>
    <ext:Panel ID="Panelcard_Main" runat="server" Region="Center" AutoHeight="true"
        Layout="card"
        ActiveIndex="0">
        <Items>
             
            <%-- First page panel --%>
            <ext:Panel ID="Panel_FirstPage"
                    runat="server"
                    Title="Create New"
                    Frame="true"
                    AutoHeight="true"
                    AutoScroll="true"
                    >
             <Items>
                <ext:FieldSet ID="FieldSet_SDE_Servers"
                                    runat="server"
                                    Title="SDE"
                                    Collapsible="true"
                                    AutoHeight="true"
                                    HideMode="Offsets">
                    <Items>
                        <ext:TabPanel ID="TabPanel_Public_Private_SDE"
                                    runat="server"
                                    ActiveTabIndex="0"
                                    AutoHeight="true">
                        <Items>
                        <ext:Panel ID="Panel_Public"
                                    runat="server" 
                                    Title="Registered SDE" 
                                    AutoHeight="true"
                                    AnchorHorizontal="100%"
                                    Frame="true">
                                <Items>
                                <ext:GridPanel 
                                            ID="GridPanel1_SDEServer" 
                                            runat="server"
                                            Title="Registered SDE Servers"
                                            AutoHeight = "true"
                                            Collapsed="false"
                                            AnchorHorizontal="100%"
                                            Collapsible="false">
                                            <Store>
                                                <ext:Store ID="Store_SDESERVER" runat="server">
                                                    <Reader>
                                                        <ext:JsonReader>
                                                            <Fields>
                                                                <ext:RecordField Name="server" />
                                                                <ext:RecordField Name="status"/>
                                                                <ext:RecordField Name="instance" />
                                                                <ext:RecordField Name="sdatabase"/>
                                                                <ext:RecordField Name="dbms" />
                                                                <ext:RecordField Name="os"/>
                                                            </Fields>
                                                        </ext:JsonReader>
                                                    </Reader>
                                                </ext:Store>
                                            </Store>
                                            <ColumnModel>
                                                <Columns>
                                                    <ext:Column DataIndex="server" Header="Server" Width="80" />
                                                    <ext:Column DataIndex="status" Header="Status" Width="80" />
                                                    <ext:Column DataIndex="instance" Header="Instance" Width="80" />
                                                    <ext:Column DataIndex="sdatabase" Header="Database" Width="150"/>
                                                    <ext:Column DataIndex="dbms" Header="DBMS" Width="150" />
                                                    <ext:Column DataIndex="os" Header="OS" Width="150"/>
                                                </Columns>
                                            </ColumnModel>
                                                <SelectionModel>
                                                <ext:CheckboxSelectionModel ID="CheckboxSelectionModel1" runat="Server" HideCheckAll="true" />
                                                </SelectionModel>
                                        </ext:GridPanel>
                                </Items>
                        </ext:Panel>
                        <ext:Panel ID="Panel_Private"
                                    runat="server"
                                    Title="Custom SDE"
                                    AutoHeight="true"
                                    Frame="true">
                                    <Items>
                                    <%-- Fieldset3, other env settings for posting result, OS, DMBS, SDE Release --%>
                                    <ext:FieldSet ID="FieldSet_otherRequirement" runat="Server" Layout="ColumnLayout" Height="45" Padding="5">
                                    <Items>
                                    <ext:Container ID="Container_OS" 
                                                   runat="server" 
                                                   LabelAlign="Left" 
                                                   Layout="Form" 
                                                   ColumnWidth=".3" 
                                                   AutoHeight="true">
                                     <Items>
                                        <%-- Select OS Type --%>
                                      <ext:ComboBox ID="ComboBox_SDE_OS_Private" 
                                                    runat="server"
                                                    FieldLabel="OS Type"
                                                    AnchorHorizontal="80%"
                                                    LabelWidth="90"
                                                    Mode="Local"
                                                    EmptyText="Select OS Type"
                                                    ForceSelection="true"
                                                    AllowBlank="false">
                                        </ext:ComboBox>
                                      </Items>
                                      </ext:Container>

                                        <ext:Container ID="Container_SDE_DBMS_Private" 
                                                runat="server" 
                                                LabelAlign="Left" 
                                                Layout="Form" 
                                                ColumnWidth=".3" 
                                                AutoHeight="true">
                                        <Items>
                                        <%-- Select DBMS type --%>
                                        <ext:ComboBox ID="ComboBox_DBMS_Type_Private" 
                                                    runat="server"
                                                    FieldLabel="DBMS Type"
                                                    AnchorHorizontal="80%"
                                                    LabelWidth="90"
                                                    Mode="Local"
                                                    EmptyText="Select DBMS Type"
                                                    ForceSelection="true"
                                                    AllowBlank="false">
                                        </ext:ComboBox>
                                        </Items>
                                        </ext:Container>
                                    </Items>
                                    </ext:FieldSet>      
                                    <%-- END Fieldset3, other env settings for posting result, OS, DMBS, SDE Release --%>
                                    </Items>
                                </ext:Panel>
                        </Items>
                        </ext:TabPanel>
                </Items>
                </ext:FieldSet>
             </Items>
             </ext:Panel>
        </Items>
        </ext:Panel>
    </Items>
</ext:Viewport>
    
    </form>
</body>
    Quote Originally Posted by geoffrey.mcgill View Post
    Hi,

    For me, your sample appears to render correctly in Chrome. Maybe try to simplify your sample down to just the minimum required to reproduce the problem.

    As well, you should be able to remove all instances of AutoHeight="true" and AutoScroll="true". Both should not be required.

    If you find those two properties are required, your layout requires some refactoring. They should not be required.
  4. #4
    Jul 17, 2012, 4:17 PM
    This time I deleted all the autoheight and autoscroll property.
    You can see that in IE9 it works well, but in Chrome it cannot display the other combobox.
    1.IE9
    Click image for larger version.  Name: IE9_NOProblem.JPG  Views: 131  Size: 27.4 KB  ID: 4493
    2. Chrome
    Click image for larger version.  Name: chrome_notRight.JPG  Views: 116  Size: 30.8 KB  ID: 4494
    3. Chrome zoomed out
    Click image for larger version.  Name: chrome_notRight2.JPG  Views: 119  Size: 25.3 KB  ID: 4495

    My simplified code.
    <body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Slate" />
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
    <Items>
    <ext:Panel ID="Panelcard_Main" runat="server" Region="Center"
        Layout="card"
        ActiveIndex="0">
        <Items>
              
            <%-- First page panel --%>
            <ext:Panel ID="Panel_FirstPage"
                    runat="server"
                    >
             <Items>
                <ext:FieldSet ID="FieldSet_SDE_Servers"
                                    runat="server">
                    <Items>
                        <ext:TabPanel ID="TabPanel_Public_Private_SDE"
                                    runat="server"
                                    ActiveTabIndex="0">
                        <Items>
                        <ext:Panel ID="Panel_Private"
                                    runat="server"
                                    Height="50">
                                    <Items>
                                    <%-- Fieldset3, other env settings for posting result, OS, DMBS, SDE Release --%>
                                    <ext:FieldSet ID="FieldSet_otherRequirement" runat="Server" Layout="ColumnLayout" Height="45">
                                    <Items>
                                    <ext:Container ID="Container_OS"
                                                   runat="server"
                                                   ColumnWidth=".3">
                                     <Items>
                                        <%-- Select OS Type --%>
                                      <ext:ComboBox ID="ComboBox_SDE_OS_Private"
                                                    runat="server"
                                                    FieldLabel="OS Type"
                                                    Mode="Local"
                                                    AnchorHorizontal="80%"
                                                    >
                                        </ext:ComboBox>
                                      </Items>
                                      </ext:Container>
 
                                        <ext:Container ID="Container_SDE_DBMS_Private"
                                                runat="server"
                                                ColumnWidth=".3">
                                        <Items>
                                        <%-- Select DBMS type --%>
                                        <ext:ComboBox ID="ComboBox_DBMS_Type_Private"
                                                    runat="server"
                                                    FieldLabel="DBMS Type"
                                                    Mode="Local"
                                                    AnchorHorizontal="80%">
                                        </ext:ComboBox>
                                        </Items>
                                        </ext:Container>
                                    </Items>
                                    </ext:FieldSet>      
                                    <%-- END Fieldset3, other env settings for posting result, OS, DMBS, SDE Release --%>
                                    </Items>
                                </ext:Panel>
                        </Items>
                        </ext:TabPanel>
                </Items>
                </ext:FieldSet>
             </Items>
             </ext:Panel>
        </Items>
        </ext:Panel>
    </Items>
</ext:Viewport>
     
    </form>
</body>


    Still don't know what is wrong with the code. Can anyone help me test it?

    Thanks very much.














    Quote Originally Posted by fangmdu View Post
    Hi Geoffrey,

    Thanks for your reply.

    I have updated my chrome to the latest version. It still happens, and it also happens with firefox.

    The reason I use autoheight is I have another gridpanel, which will show its data dynamically. And I have more elements below the gridpanel and all the comboboxes, I just deleted them in my sample.

    I created a new sample with less code. Can you check this again? Thanks very much.

    <body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Slate" />
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout" AutoScroll="true">
    <Items>
    <ext:Panel ID="Panelcard_Main" runat="server" Region="Center" AutoHeight="true"
        Layout="card"
        ActiveIndex="0">
        <Items>
             
            <%-- First page panel --%>
            <ext:Panel ID="Panel_FirstPage"
                    runat="server"
                    Title="Create New"
                    Frame="true"
                    AutoHeight="true"
                    AutoScroll="true"
                    >
             <Items>
                <ext:FieldSet ID="FieldSet_SDE_Servers"
                                    runat="server"
                                    Title="SDE"
                                    Collapsible="true"
                                    AutoHeight="true"
                                    HideMode="Offsets">
                    <Items>
                        <ext:TabPanel ID="TabPanel_Public_Private_SDE"
                                    runat="server"
                                    ActiveTabIndex="0"
                                    AutoHeight="true">
                        <Items>
                        <ext:Panel ID="Panel_Public"
                                    runat="server" 
                                    Title="Registered SDE" 
                                    AutoHeight="true"
                                    AnchorHorizontal="100%"
                                    Frame="true">
                                <Items>
                                <ext:GridPanel 
                                            ID="GridPanel1_SDEServer" 
                                            runat="server"
                                            Title="Registered SDE Servers"
                                            AutoHeight = "true"
                                            Collapsed="false"
                                            AnchorHorizontal="100%"
                                            Collapsible="false">
                                            <Store>
                                                <ext:Store ID="Store_SDESERVER" runat="server">
                                                    <Reader>
                                                        <ext:JsonReader>
                                                            <Fields>
                                                                <ext:RecordField Name="server" />
                                                                <ext:RecordField Name="status"/>
                                                                <ext:RecordField Name="instance" />
                                                                <ext:RecordField Name="sdatabase"/>
                                                                <ext:RecordField Name="dbms" />
                                                                <ext:RecordField Name="os"/>
                                                            </Fields>
                                                        </ext:JsonReader>
                                                    </Reader>
                                                </ext:Store>
                                            </Store>
                                            <ColumnModel>
                                                <Columns>
                                                    <ext:Column DataIndex="server" Header="Server" Width="80" />
                                                    <ext:Column DataIndex="status" Header="Status" Width="80" />
                                                    <ext:Column DataIndex="instance" Header="Instance" Width="80" />
                                                    <ext:Column DataIndex="sdatabase" Header="Database" Width="150"/>
                                                    <ext:Column DataIndex="dbms" Header="DBMS" Width="150" />
                                                    <ext:Column DataIndex="os" Header="OS" Width="150"/>
                                                </Columns>
                                            </ColumnModel>
                                                <SelectionModel>
                                                <ext:CheckboxSelectionModel ID="CheckboxSelectionModel1" runat="Server" HideCheckAll="true" />
                                                </SelectionModel>
                                        </ext:GridPanel>
                                </Items>
                        </ext:Panel>
                        <ext:Panel ID="Panel_Private"
                                    runat="server"
                                    Title="Custom SDE"
                                    AutoHeight="true"
                                    Frame="true">
                                    <Items>
                                    <%-- Fieldset3, other env settings for posting result, OS, DMBS, SDE Release --%>
                                    <ext:FieldSet ID="FieldSet_otherRequirement" runat="Server" Layout="ColumnLayout" Height="45" Padding="5">
                                    <Items>
                                    <ext:Container ID="Container_OS" 
                                                   runat="server" 
                                                   LabelAlign="Left" 
                                                   Layout="Form" 
                                                   ColumnWidth=".3" 
                                                   AutoHeight="true">
                                     <Items>
                                        <%-- Select OS Type --%>
                                      <ext:ComboBox ID="ComboBox_SDE_OS_Private" 
                                                    runat="server"
                                                    FieldLabel="OS Type"
                                                    AnchorHorizontal="80%"
                                                    LabelWidth="90"
                                                    Mode="Local"
                                                    EmptyText="Select OS Type"
                                                    ForceSelection="true"
                                                    AllowBlank="false">
                                        </ext:ComboBox>
                                      </Items>
                                      </ext:Container>

                                        <ext:Container ID="Container_SDE_DBMS_Private" 
                                                runat="server" 
                                                LabelAlign="Left" 
                                                Layout="Form" 
                                                ColumnWidth=".3" 
                                                AutoHeight="true">
                                        <Items>
                                        <%-- Select DBMS type --%>
                                        <ext:ComboBox ID="ComboBox_DBMS_Type_Private" 
                                                    runat="server"
                                                    FieldLabel="DBMS Type"
                                                    AnchorHorizontal="80%"
                                                    LabelWidth="90"
                                                    Mode="Local"
                                                    EmptyText="Select DBMS Type"
                                                    ForceSelection="true"
                                                    AllowBlank="false">
                                        </ext:ComboBox>
                                        </Items>
                                        </ext:Container>
                                    </Items>
                                    </ext:FieldSet>      
                                    <%-- END Fieldset3, other env settings for posting result, OS, DMBS, SDE Release --%>
                                    </Items>
                                </ext:Panel>
                        </Items>
                        </ext:TabPanel>
                </Items>
                </ext:FieldSet>
             </Items>
             </ext:Panel>
        </Items>
        </ext:Panel>
    </Items>
</ext:Viewport>
    
    </form>
</body>
  5. #5
    Jul 17, 2012, 5:33 PM
    Here's a few things I noticed:


    1. Panel_FirstPage does not have a layout. Try setting .Layout="fit"
    2. FieldSet_SDE_Servers does not have a layout. Try setting .Layout="fit"
    3. Instead of "ColumnLayout", try configuring with "HBoxLayout" and set the .Flex properties instead of .ColumnWidth
    4. Container_OS and Container_SDE_DBMS_Private do not have a .Layout set. As well, you shouldn't require these Container wrappers.


    Hope this helps.
    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  6. #6
    Jul 17, 2012, 8:17 PM
    Thanks Geoffrey.
    The problem seems to be solved.


    Quote Originally Posted by geoffrey.mcgill View Post
    Here's a few things I noticed:


    1. Panel_FirstPage does not have a layout. Try setting .Layout="fit"
    2. FieldSet_SDE_Servers does not have a layout. Try setting .Layout="fit"
    3. Instead of "ColumnLayout", try configuring with "HBoxLayout" and set the .Flex properties instead of .ColumnWidth
    4. Container_OS and Container_SDE_DBMS_Private do not have a .Layout set. As well, you shouldn't require these Container wrappers.


    Hope this helps.

Similar Threads

  1. Chrome Grid width with AutoExpandColumn
    By dziedziela in forum 1.x Help
    Replies: 0
    Last Post: May 21, 2012, 10:38 AM
  2. [CLOSED] [1.0] Issue with Viewport/Row/Column Layout in Chrome & Safari
    By chrisbranson in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 24, 2010, 2:55 PM
  3. [FIXED] Editable GridPanel textfield editor width does not fit column width
    By jchau in forum Bugs
    Replies: 6
    Last Post: Jun 11, 2010, 12:47 PM
  4. [CLOSED] Login screen layout
    By CSG in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Apr 06, 2009, 2:51 PM
  5. Column Layout auto width problem in IE
    By sz_146 in forum 1.x Help
    Replies: 0
    Last Post: Jan 05, 2009, 10:59 AM

Posting Permissions