PDA

View Full Version : Layout Problem with TagField and VBoxLayout



marjot2112
Feb 21, 2017, 1:23 PM
Hi,

with Ext.Net 4.2. and ASP.NET 4.5.2 I get layout rendering problems (Firefox, Chrome, IE), when I use one or more tagfields and textfields in a Panel with VBoxLayout which can be resized.

24879

The Problems could be reproduced in two ways:

- Select all tags (Ctrl+A) or deselect tags so that the height of the TagField will change a lot
- Do a major resize of the split panel

After the problems occur the expected layout could be reached, if the split panel is resized only a little.

How can I workaround this problem?





<%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="Ext" %>

<!DOCTYPE html>
<html>
<head runat="server">
</head>
<body>
<ext:ResourceManager runat="server" ScriptMode="Debug" Theme="Gray" />
<ext:Viewport ID="Viewport" runat="server" Layout="BorderLayout">
<items>
<ext:Panel ID="Center" runat="server" Region="Center" Split="true">
</ext:Panel>
<ext:Panel ID="West" runat="server" Region="West" MinWidth="150"
Width="250" Collapsible="true" Split="true" Layout="VBoxLayout">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:TextField runat="server" FieldLabel="Text 1"/>
<ext:TagField runat="server" FieldLabel="Tag 1">
<Items>
<ext:Tag Value="1" Text="George Orange"/>
<ext:Tag Value="2" Text="Bob Red"/>
<ext:Tag Value="3" Text="John Green"/>
<ext:Tag Value="4" Text="Bill Black"/>
<ext:Tag Value="5" Text="Ronald White"/>
<ext:Tag Value="6" Text="Jim Green"/>
<ext:Tag Value="7" Text="Marc Black"/>
<ext:Tag Value="8" Text="Bob White"/>
</Items>
</ext:TagField>
<ext:TextField runat="server" FieldLabel="Text 2"/>
<ext:TagField runat="server" FieldLabel="Tag 2">
<Items>
<ext:Tag Value="1" Text="George Orange"/>
<ext:Tag Value="2" Text="Bob Red"/>
<ext:Tag Value="3" Text="John Green"/>
<ext:Tag Value="4" Text="Bill Black"/>
<ext:Tag Value="5" Text="Ronald White"/>
<ext:Tag Value="6" Text="Jim Green"/>
<ext:Tag Value="7" Text="Marc Black"/>
<ext:Tag Value="8" Text="Bob White"/>
</Items>
</ext:TagField>
<ext:TextField runat="server" FieldLabel="Text 3" />
</items>
</ext:Panel>
</Items>
</ext:Viewport>
</body>
</html>