Oct 21, 2014, 6:44 PM
[CLOSED] Reponsive Form
Hi folks, i would like to know whether it is possible to implement a responsive form.
On the following example i use HBox to make fields stay side by side, as shown below:
But when it is resized to an specified size, i would like that it act like a VBox, as shown below:
I took a look on the following thread http://forums.ext.net/showthread.php...n-with-ext-net but i was not able to achieve it.
Thanks in advance.
On the following example i use HBox to make fields stay side by side, as shown below:
<ext:ResourceManager runat="server" SeparateUIStyles="false" Theme="Gray" />
<ext:Window ID="Window1" runat="server" Title="Window" Width="600" Height="250" Layout="FitLayout"
AutoDataBind="true">
<Items>
<ext:FormPanel ID="FormPanel1" runat="server" Title="Form Panel" Layout="HBoxLayout">
<LayoutConfig>
<ext:HBoxLayoutConfig Align="StretchMax" />
</LayoutConfig>
<FieldDefaults LabelAlign="Top" MsgTarget="Side" />
<Defaults>
<ext:Parameter Name="Border" Value="false" />
<ext:Parameter Name="Flex" Value="1" />
<ext:Parameter Name="Layout" Value="anchor" />
</Defaults>
<Items>
<ext:Panel ID="Panel1" runat="server">
<Items>
<ext:TextField ID="TextField1" MinWidth="100" runat="server" FieldLabel="First Name"
AnchorHorizontal="-5" Name="first" />
<ext:TextField ID="TextField2" MinWidth="100" runat="server" FieldLabel="Company"
AnchorHorizontal="-5" Name="company" />
</Items>
</ext:Panel>
<ext:Panel ID="Panel2" runat="server">
<Items>
<ext:TextField ID="TextField3" MinWidth="100" runat="server" FieldLabel="Last Name" AnchorHorizontal="100%"
Name="last" />
<ext:TextField ID="TextField4" MinWidth="100" runat="server" FieldLabel="Email" AnchorHorizontal="100%"
Name="email" Vtype="email" />
</Items>
</ext:Panel>
</Items>
</ext:FormPanel>
</Items>
</ext:Window>
But when it is resized to an specified size, i would like that it act like a VBox, as shown below:
I took a look on the following thread http://forums.ext.net/showthread.php...n-with-ext-net but i was not able to achieve it.
Thanks in advance.
Last edited by Daniil; Jan 21, 2015 at 12:57 PM.
Reason: [CLOSED]