[CLOSED] CompositeField Controls will not Display

[HOWARDJ]

I have a compositeField with three controls and it will not render on the page. The FieldLabel appears, but not the controls. I updated to version 1.5 but it did not fix the problem.

<ext:Panel ID="tab2" runat="server" Title="Employment" Header="false" Layout="FitLayout" BodyStyle="text-align:left">
     <Items>
          <ext:FormPanel ID="fpTab2" runat="server" Border="false" AutoHeight="false" Header="false" AutoScroll="true" AutoWidth="true" Padding="5">
                <Items>
                     <ext:Container ID="Container3" runat="server" Layout="ColumnLayout" Width="980" Height="760">
                          <Items>
                               <ext:Container ID="Container5" runat="server" Layout="FitLayout" Width="775">
                                    <Items>
                                         <ext:FieldSet ID="FieldSet6" runat="server" Title="EMPLOYMENT" Height="720" Layout="ColumnLayout">
                                              <Items>
                                                   <ext:Container ID="Container51" runat="server" Layout="FormLayout" ColumnWidth=".5">
                                                        <Items>
                                                             <ext:Hidden ID="txtRosterId" runat="server" />
                                                             <ext:TextField ID="TextField2" runat="server" FieldLabel="Company" AnchorHorizontal="95%" />
                                                             <ext:CompositeField ID="CompositeField1" runat="server" FieldLabel="First Name" AutoDoLayout="true"
                                                                                                    AnchorHorizontal="95%" LabelAlign="left">
                                                                  <Items>
                                                                       <ext:TextField ID="TextField1" runat="server" />
                                                                       <ext:DisplayField ID="DisplayField1" runat="server" Text="MI" />
                                                                       <ext:TextField ID="TextField5" runat="server" Width="30" />
                                                                  </Items>
                                                                </ext:CompositeField>
                                                                <ext:TextField ID="TextField21" runat="server" />
                                                                <ext:DropDownField ID="DropDownField1" runat="server" FieldLabel="Rank" AnchorHorizontal="100%">
                                                                </ext:DropDownField>
                                                                <ext:DateField ID="DateField1" runat="server" FieldLabel="Last ER Date" />
                                                                <ext:DropDownField ID="DropDownField3" runat="server" FieldLabel="Last ER Sup." AnchorHorizontal="100%">
                                                                </ext:DropDownField>
                                                           </Items>
                                                    </ext:Container>
                                               <ext:Panel ID="Panel5" runat="server" ColumnWidth=".5" Layout="AnchorLayout" Border="false"
                                                                                            BodyStyle="padding-top:10px">
                                                     <Items>
                                                            <ext:TextField ID="TextField3" runat="server" FieldLabel="Last Name" AnchorHorizontal="100%"
                                                                                                    Name="last" />
                                                            <ext:TextField ID="TextField4" runat="server" FieldLabel="Email" AnchorHorizontal="100%"
                                                                                                    Name="email" Vtype="email" />
                                                           <ext:DropDownField ID="DropDownField2" runat="server" FieldLabel="Supervisor">
                                                                                                </ext:DropDownField>
                                                           <ext:Checkbox ID="Checkbox1" runat="server" FieldLabel="Is Supervisor">
                                                           </ext:Checkbox>
                                                      </Items>
                                                  </ext:Panel>
                                            </Items>
                                     </ext:FieldSet>
                                </Items>
                           </ext:Container>
                          <ext:Container ID="Container6" runat="server" Width="200">
                              <Items>
                                      <ext:FieldSet ID="FieldSet8" runat="server" Title="PICTURE" BodyStyle="padding-top:5"
                                                                                    Layout="FitLayout">
                                            <Items>
                                                <ext:Image ID="Image1" runat="server" ImageUrl="/EmployeePhotos/Ontiveros-Cpt1.jpg"
                                                                                            Align="Middle">
                                                </ext:Image>
                                           </Items>
                                       </ext:FieldSet>
                                       <ext:FieldSet ID="FieldSet9" runat="server" Title="PHONE" Layout="AnchorLayout" BodyStyle="padding-top:5">
                                           <Items>
                                           </Items>
                                       </ext:FieldSet>
                                </Items>
                         </ext:Container>
                    </Items>
               </ext:Container>
          </Items>
         <Listeners>
             <%--<Show Handler="txtCourseName.focus(false, 100);" />--%>
         </Listeners>
</ext:FormPanel>
</Items>
</ext:Panel>

[Daniil]

Hi,

Do you mean TextField1, DisplayField1, TextField5 within CompositeField1?

I can see them when running your code in all my browsers. The single change I made is set Height for tab2.

Could you provide a full sample?

I guess, this tab is initially inactive, isn't that so? If so, please try to set

LayoutOnTabChange="true"

for the TabPanel and/or

HideMode="Offsets"

for the tab2.

[HOWARDJ]

LayoutOnTabChange="True" did the trick. Thanks