Aug 06, 2018, 10:09 AM
Form is scrolled when field container is present
On the following example, scroll to the field Email Field (last). It will scroll the form as you type an invalid email.
The problem only happens when you have field containers on the form.
The problem only happens when you have field containers on the form.
<!DOCTYPE html>
<html>
<body>
<ext:ResourceManager runat="server" />
<ext:FormPanel Title="Form Panel" AutoScroll="true" Width="300" Height="300" DefaultAnchor="100%" runat="server">
<FieldDefaults LabelAlign="Top" MsgTarget="Side" />
<Items>
<ext:FieldContainer FieldLabel="001" Layout="HBoxLayout" AnchorHorizontal="100%" runat="server">
<Items>
<ext:TextField FieldLabel="F-001" Flex="1" AllowBlank="false" runat="server" />
<ext:TextField FieldLabel="F-002" Flex="1" MarginSpec="0 0 0 5" AllowBlank="false" runat="server" />
</Items>
</ext:FieldContainer>
<ext:FieldContainer FieldLabel="002" Layout="HBoxLayout" AnchorHorizontal="100%" runat="server">
<Items>
<ext:TextField FieldLabel="F-003" Flex="1" AllowBlank="false" runat="server" />
<ext:TextField FieldLabel="F-004" Flex="1" MarginSpec="0 0 0 5" AllowBlank="false" runat="server" />
</Items>
</ext:FieldContainer>
<ext:FieldContainer FieldLabel="003" Layout="HBoxLayout" AnchorHorizontal="100%" runat="server">
<Items>
<ext:TextField FieldLabel="F-005" Flex="1" AllowBlank="false" runat="server" />
<ext:TextField FieldLabel="F-006" Flex="1" MarginSpec="0 0 0 5" AllowBlank="false" runat="server" />
</Items>
</ext:FieldContainer>
<ext:FieldContainer FieldLabel="004" Layout="HBoxLayout" AnchorHorizontal="100%" runat="server">
<Items>
<ext:TextField FieldLabel="F-007" Flex="1" AllowBlank="false" runat="server" />
<ext:TextField FieldLabel="F-008" Flex="1" MarginSpec="0 0 0 5" AllowBlank="false" runat="server" />
</Items>
</ext:FieldContainer>
<ext:TextField FieldLabel="Email Field" StandardVtype="Email" runat="server" />
</Items>
</ext:FormPanel>
</body>
</html>
Last edited by RaphaelSaldanha; Aug 06, 2018 at 10:16 AM.
