Jan 15, 2015, 3:57 PM
[CLOSED] SelectBox breaks layout
On the following example, everything works as expected.
When no SelectBox is present within FormPanel, everything works as expected.
<!DOCTYPE html>
<html>
<body>
<form runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Gray" ScriptMode="Debug" />
<ext:Viewport runat="server" Layout="BorderLayout">
<Items>
<ext:FormPanel Title="East" Width="200" Region="Center" DefaultAnchor="100%" Layout="AnchorLayout" runat="server">
<FieldDefaults LabelAlign="Top" MsgTarget="Side" />
<Items>
<ext:TextField FieldLabel="Field 1" runat="server" />
</Items>
</ext:FormPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
But when a SelectBox is added (ine 12), the layout breaks<!DOCTYPE html>
<html>
<body>
<form runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Gray" ScriptMode="Debug" />
<ext:Viewport runat="server" Layout="BorderLayout">
<Items>
<ext:FormPanel Title="East" Width="200" Region="Center" DefaultAnchor="100%" Layout="AnchorLayout" runat="server">
<FieldDefaults LabelAlign="Top" MsgTarget="Side" />
<Items>
<ext:TextField FieldLabel="Field 1" runat="server" />
<ext:SelectBox FieldLabel="Field 2" runat="server" />
</Items>
</ext:FormPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
When no SelectBox is present within FormPanel, everything works as expected.
<!DOCTYPE html>
<html>
<body>
<form runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Gray" ScriptMode="Debug" />
<ext:FormPanel Title="East" Width="200" DefaultAnchor="100%" Layout="AnchorLayout" runat="server">
<FieldDefaults LabelAlign="Top" MsgTarget="Side" />
<Items>
<ext:TextField FieldLabel="Field 1" runat="server" />
</Items>
</ext:FormPanel>
</form>
</body>
</html>
But when SelectBox is added (Line 10), FormPanel's header breaks<!DOCTYPE html>
<html>
<body>
<form runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Gray" ScriptMode="Debug" />
<ext:FormPanel Title="East" Width="200" DefaultAnchor="100%" Layout="AnchorLayout" runat="server">
<FieldDefaults LabelAlign="Top" MsgTarget="Side" />
<Items>
<ext:TextField FieldLabel="Field 1" runat="server" />
<ext:SelectBox FieldLabel="Field 2" runat="server" />
</Items>
</ext:FormPanel>
</form>
</body>
</html>
Last edited by Daniil; Jan 19, 2015 at 12:25 PM.
Reason: [CLOSED]