[CLOSED] Layout Problem with Column Layout

[xtoolz]

Hi all

I got a small Layout Problem :-)
Using a FormPanel with a Column Layout Container - 3 Columns.

See this Image (green Ok, red Not)



This is the Code

<ext:FormPanel runat="server" Border="false" Frame="false" PaddingSpec="25 0 0 0">
  <Items>

    <ext:Container runat="server" Layout="Column">
      <Items>

        <ext:Container runat="server" Layout="FormLayout" ColumnWidth=".2">
          <%--LEFT--%>
          <Items>
            <ext:Checkbox runat="server" ID="chkStandingOrder" FieldLabel="StandingOrder"  />
            <ext:Checkbox runat="server" ID="chkPaid" FieldLabel="Paid"  />
          </Items>
        </ext:Container>

        <ext:Container runat="server" Layout="FormLayout" ColumnWidth=".5">
          <%--LEFT--%>
          <Items>
            <ext:ComboBox runat="server" ID="AjaxContactComboBox1"  FieldLabel="Contact"  />
            <ext:Label runat="server" Text="ContactOrCompany %>" />
            <ext:ComboBox runat="server" ID="AjaxContactComboBox2"  FieldLabel="Company"  />
          </Items>
        </ext:Container>
        <ext:Container runat="server" Layout="FormLayout" ColumnWidth=".3">
          <%--RIGHT--%>
          <Items>
            <ext:DateField runat="server" FieldLabel="DueDate %>" ID="datDueDate"  />
            <ext:ComboBox runat="server" ID="cboCurrency" FieldLabel="Currency"   />
            <ext:TextField runat="server" ID="txtAmount" FieldLabel="Amount"  />
          </Items>
        </ext:Container>

      </Items>
    </ext:Container>

    <ext:Container runat="server" Layout="FormLayout" PaddingSpec="20 0 0 0">
      <Items>
        <ext:HtmlEditor runat="server" ID="txtDescription" Height="200" FieldLabel="Description"  />
      </Items>
    </ext:Container>
  </Items>

  <Buttons>
    <ext:Button runat="server" Text="Save" />
    <ext:Button runat="server" Text="Cancel" />
  </Buttons>

</ext:FormPanel>

I'd like to have the Company Combo on the same line like the Amount Textfield...

I tried Padding on several Controls - didn't help.

Any hint ?

Peter

[EnZo]

Hi Peter

Please view the below code.

        <ext:FormPanel runat="server" Border="false" Frame="false" PaddingSpec="25 0 0 0">
            <Items>

                <ext:Container runat="server" Layout="Column">
                    <Items>

                        <ext:Container runat="server" Layout="FormLayout" ColumnWidth=".2">
                            <%--LEFT--%>
                            <Items>
                                <ext:Checkbox runat="server" ID="chkStandingOrder" FieldLabel="StandingOrder" />
                                <ext:Checkbox runat="server" ID="chkPaid" FieldLabel="Paid" />
                            </Items>
                        </ext:Container>

                        <ext:Container runat="server" Layout="TableLayout" ColumnWidth=".5" StyleSpec="padding-top:6px;">
                            <LayoutConfig>
                                <ext:TableLayoutConfig Columns="1">
                                </ext:TableLayoutConfig>
                            </LayoutConfig>
                            <%--LEFT--%>
                            <Items>
                                <ext:ComboBox runat="server" ID="AjaxContactComboBox1" FieldLabel="Contact" Width="650" />
                                <ext:Label runat="server" Text="-- or --" Height="20" />
                                <ext:ComboBox runat="server" ID="AjaxContactComboBox2" FieldLabel="Company" Width="650" StyleSpec="padding-top:10px;" />
                            </Items>
                        </ext:Container>
                        <ext:Container runat="server" Layout="FormLayout" ColumnWidth=".3">
                            <%--RIGHT--%>
                            <Items>
                                <ext:DateField runat="server" FieldLabel="DueDate" ID="datDueDate" />
                                <ext:ComboBox runat="server" ID="cboCurrency" FieldLabel="Currency" />
                                <ext:TextField runat="server" ID="txtAmount" FieldLabel="Amount" />
                            </Items>
                        </ext:Container>

                    </Items>
                </ext:Container>

                <ext:Container runat="server" Layout="FormLayout" PaddingSpec="20 0 0 0">
                    <Items>
                        <ext:HtmlEditor runat="server" ID="txtDescription" Height="200" FieldLabel="Description" />
                    </Items>
                </ext:Container>
            </Items>

            <Buttons>
                <ext:Button runat="server" Text="Save" />
                <ext:Button runat="server" Text="Cancel" />
            </Buttons>

        </ext:FormPanel>

[xtoolz]

Hi Enzo

works perfect ! Thanks for this Idea :-)

Peter