Sep 20, 2011, 8:48 PM
[CLOSED] Panel width not updating on window resize
Using the code below, when resizing the window, the middle panel (the one with the 2 inner panels that are side-by-side) does not update its width. If you remove the panel "ThePanel", everything works the way it should. The 2 inner panels maintain a 50/50 split of the window's width. My problem is that "ThePanel" represents the panel on my real page that holds my user control (everything inside "ThePanel").
How can I make the middle panel update its width like the surrounding panels?
How can I make the middle panel update its width like the surrounding panels?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<ext:ResourceManager runat="server" />
<ext:Viewport runat="server">
<Items>
<ext:Panel ID="ThePanel" runat="server">
<Content>
<ext:Panel ID="Panel1" runat="server" Title="Test" Html="TEST" />
<ext:Panel ID="Panel2" runat="server" Layout="HBoxLayout" Height="200" StyleSpec="padding-bottom:10px" Border="false">
<LayoutConfig>
<ext:HBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Panel ID="Panel3" runat="server" Title="Panel 1" Flex="1" Margins="0 5 0 0" Padding="20" AutoScroll="true">
<Content>TEST</Content>
</ext:Panel>
<ext:Panel ID="Panel4" runat="server" Title="Panel 2" Flex="1" Margins="0 0 0 5" Padding="20" AutoScroll="true">
<Content>TEST</Content>
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="Panel5" runat="server" Title="Test" Html="TEST" />
</Content>
</ext:Panel>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>
Last edited by geoffrey.mcgill; Sep 28, 2011 at 3:52 AM.
Reason: [CLOSED]