[CLOSED] [1.0] ColumnLayout in FieldSet

  1. #1

    [CLOSED] [1.0] ColumnLayout in FieldSet

    Hello,

    Hopefully a simple one for you. I am trying to create a form that has a FieldSet which is split into two columns, each column contains multiple fields laid out in a form style:

    
    <ext:FieldSet runat="server" Title="Pending Job Main Details" Layout="Column" ForceLayout="true">
    <Items>
    <ext:Container ColumnWidth=".5" runat="server" Layout="Form">
    <Items>
    <ext:TextField ID="PREMID" FieldLabel="Premises ID" runat="server" />
    <ext:DateField ID="REQCOMP" runat="server" FieldLabel="Required Completion Date" />
    <ext:DateField ID="PREVJOBDTE" runat="server" FieldLabel="Date of Last Inspection" />
    <ext:CompositeField ID="CodeFieldJOBREASON" runat="server" FieldLabel="Reason" CombineErrors="false">
    <Items>
    <ext:TextField ID="JOBREASON" Width="80" runat="server" EnableKeyEvents="true" />
    <ext:Button ID="btnSCJOBREASON" runat="server" Text="..." Cls="onepx-shift" />
    <ext:TextField ID="d_JOBREASON" runat="server" Cls="labels" />
    </Items>
    </ext:CompositeField>
    </Items>
    </ext:Container>
    <ext:Container ColumnWidth=".5" runat="server" Layout="Form">
    <Items>
    <ext:TextField ID="FSOPSIND" FieldLabel="FS/OPS Indicator" runat="server" />
    <ext:DateField ID="JOBRECDATE" runat="server" FieldLabel="Job Received Date" />
    </Items>
    </ext:Container>
    </Items>
    </ext:FieldSet>
    However, the FieldSet renders but the contents are not shown, looking into the div structure in the generated HTML I can see:

    
    <div class="x-fieldset-body" id="ext-gen110" style="height: auto; width: 1398px;">
    <div id="ext-comp-1006" class=" x-column-layout-ct">
    <div class="x-column-inner" id="ext-gen126" style="width: 1398px; height: 0px;">
    <div id="ext-comp-1007" class=" x-form-label-right x-column" style="width: 699px; height: 0px;">
    ...
    
    
    <div id="ext-comp-1008" class=" x-form-label-right x-column" style="width: 699px; height: 0px;">
    ...
    I think the problem is due to the height: 0px. If I set AutoHeight="true" on my Column containers then they have height: auto; but I can't clear the height: 0px on the outer div.

    Any help?
  2. #2

    RE: [CLOSED] [1.0] ColumnLayout in FieldSet

    Hi,

    Solutions:

    1. Add the following layout config to the FieldSet
    <LayoutConfig>
                <ext:ColumnLayoutConfig FitHeight="false" />
            </LayoutConfig>
    or

    2. Set fixed height for the FieldSet (please update from SVN first)
    Vladimir Shcheglov
    Sr. Developer
  3. #3

    RE: [CLOSED] [1.0] ColumnLayout in FieldSet

    Thanks Vlad, I have gone with option one for the moment as re-referencing my rather large project takes a while. I will switch to option two when I next update from SVN.

    Thanks!

Similar Threads

  1. [CLOSED] ColumnLayout
    By majunior in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Sep 14, 2011, 8:24 PM
  2. Fieldset padding inside a ColumnLayout
    By Coltonis in forum 1.x Help
    Replies: 0
    Last Post: Jul 09, 2010, 1:13 AM
  3. [CLOSED] FieldSet and ColumnLayout
    By HOWARDJ in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 29, 2009, 6:06 AM
  4. A few bugs with ColumnLayout inside FieldSet
    By dbassett74 in forum 1.x Help
    Replies: 0
    Last Post: May 06, 2009, 2:13 PM
  5. [CLOSED] Multiple FieldSet within ColumnLayout
    By Steve in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 03, 2009, 3:35 PM

Posting Permissions