Feb 18, 2015, 6:08 PM
[CLOSED] Change layout on responsive rule breaks layout
If you run the following sample on a
It also works as expected on a
But if you switch from tall to wide and vice versa, layout breaks
Any ideas to overcome?
Thanks in advance.
wide
browser everything works as expectedIt also works as expected on a
tall
browserBut if you switch from tall to wide and vice versa, layout breaks
Any ideas to overcome?
Thanks in advance.
<!DOCTYPE html>
<html>
<head runat="server">
</head>
<body>
<ext:ResourceManager Theme="Crisp" runat="server" />
<ext:Viewport Layout="FitLayout" runat="server">
<Items>
<ext:FormPanel Layout="AnchorLayout" runat="server">
<ResponsiveConfig>
<ext:ResponsiveRule Rule="tall">
<Config>
<ext:FormPanel Title="Form Panel Tall" runat="server" />
</Config>
</ext:ResponsiveRule>
<ext:ResponsiveRule Rule="wide">
<Config>
<ext:FormPanel Title="Form Panel Wide" runat="server" />
</Config>
</ext:ResponsiveRule>
</ResponsiveConfig>
<Items>
<ext:FieldContainer runat="server">
<Items>
<ext:TextField runat="server" />
<ext:TextField runat="server" />
</Items>
<ResponsiveConfig>
<ext:ResponsiveRule Rule="tall">
<Config>
<ext:FieldContainer FieldLabel="Field - Tall" Layout="VBoxLayout" runat="server" />
</Config>
</ext:ResponsiveRule>
<ext:ResponsiveRule Rule="wide">
<Config>
<ext:FieldContainer FieldLabel="Field - Wide" Layout="HBoxLayout" runat="server" />
</Config>
</ext:ResponsiveRule>
</ResponsiveConfig>
</ext:FieldContainer>
</Items>
</ext:FormPanel>
</Items>
</ext:Viewport>
</body>
</html>
Last edited by Daniil; Feb 20, 2015 at 1:22 PM.
Reason: [CLOSED]