Layout issues

[rgraham]

So thanks for your help so far. Another developer fixed the issue I reported earlier with Accordion panel, it was apparently an issue with some JavaScript.

Now I have a large number of aspx pages that are displayed as popup dialogs, and I am baffled by the layout in ext:panel --> ext:FormPanel --> ext:Fieldset --> ext:fieldContainer.

How to set position of elements? I don't even understand how it was working in Ext.Net 2.5 which we are migrating from.

Here is a sample of markup that is displayed quite differently in 2.5 vs 5.

<ext:FieldSet runat="server" Title="Transfer From" Padding="2" Layout="ColumnLayout">
									<Items>
										<ext:FieldContainer
											runat="server"
											Layout="HBoxLayout" Cls="note" ID="ctl5582" BodyPadding="-50">
											<FieldDefaults LabelAlign="Right" LabelWidth="90" />
											<Items>
												<ext:Hidden runat="server" ID="txtUNIQ_KEY_FROM" Name="UNIQ_KEY_FROM" DataIndex="UNIQ_KEY_FROM" />
												<ext:TextField runat="server" ID="txtPartnoFrom" ReadOnly="true" Name="PART_NO_FROM" DataIndex="PART_NO_FROM" FieldCls="tbackground" FieldLabel="Part No" Margins="0 0 0 5" Width="320" />
												<ext:TextField runat="server" ID="txtRevFrom" Name="REVISION_FROM" ReadOnly="true" DataIndex="REVISION_FROM" FieldCls="tbackground" FieldLabel="Revision" Margins="0 0 0 0" Width="155" />
												<ext:TextField runat="server" ID="txtDescriptionFrom" ReadOnly="true" Name="DESCRIPT_FROM" DataIndex="DESCRIPT_FROM" FieldCls="tbackground" FieldLabel="Description" Margins="0 0 0 5" Width="500" />
											</Items>
										</ext:FieldContainer>
										<ext:FieldContainer
											runat="server"
											BodyPadding="0"
											Layout="HBoxLayout" ID="ctl5588aml" Cls="note">
											<FieldDefaults LabelAlign="Right" LabelWidth="90" />
											<Items>
												<%--<ext:Button runat="server" ID="btnCreateMPN" Width="40" Text="MPN" Margins="0 0 0 5">
													<Listeners>

													</Listeners>


												</ext:Button>--%>
                                                <ext:HyperlinkButton runat="server" Text="MPN" Margins="0 30 0 60">
                                                    <Listeners>
                                                        <Click Handler="#{PartId}.setValue(#{txtUNIQ_KEY_FROM}.getValue()); #{txtPartNo}.setValue(#{txtPartnoFrom}.getValue()); #{txtMode}.setValue('From'); #{winMNPlookup}.show();" />
                                                    </Listeners>
                                                </ext:HyperlinkButton>
												<ext:TextField ID="txtMFGR_FROM" runat="server" Name="MFGR_FROM" DataIndex="MFGR_FROM" LabelWidth="10" FieldCls="tbackground" ReadOnly="true" Width="125" Margins="0 0 0 5" />
												<ext:TextField ID="txtMFGR_PART_NO_FROM" runat="server" Name="MFGR_PART_NO_FROM" FieldCls="tbackground" ReadOnly="true" DataIndex="MFGR_PART_NO_FROM" Width="250" Margins="0 0 0 5" />
												<ext:TextField ID="txtStdCostFrom" runat="server" Name="STDCOST_FROM" FieldCls="tbackground" DataIndex="STDCOST_FROM" ReadOnly="true" FieldLabel="Std Cost" Width="200" Margins="0 0 0 5" />
												<ext:TextField ID="txtLocationFrom" runat="server" Name="LOCATION_FROM" FieldCls="tbackground" DataIndex="LOCATION_FROM" ReadOnly="true" FieldLabel="Location" Width="300" Margins="0 0 0 0" />

											</Items>
										</ext:FieldContainer>
									</Items>
								</ext:FieldSet>

It displays like this in 2.5 (top) vs 5 (lower)