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?