May 16, 2013, 12:00 PM
Center Window inside panel
Hi,
Is there any way to center window inside the panel when page loaded? The problem is i have a HBox Layout with 2 panels (flex=1).
I tried a window listener <AfterRender> but without success. I also attached the picture what i want to do.
The bellow code
Is there any way to center window inside the panel when page loaded? The problem is i have a HBox Layout with 2 panels (flex=1).
I tried a window listener <AfterRender> but without success. I also attached the picture what i want to do.
The bellow code
<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" Layout="HBoxLayout">
<Items>
<ext:Panel runat="server" Flex="1" Title="Janela 1" Layout="FitLayout" Height="500">
<Items>
<ext:Window ID="Window1" runat="server" Flex="1" Title="Janela 1" Maximizable="true" Constrain="true">
</ext:Window>
</Items>
</ext:Panel>
<ext:Panel ID="Panel1" runat="server" Flex="1" Title="Janela 2" Layout="FitLayout" Height="500">
<Items>
<ext:Window ID="Window2" runat="server" Flex="1" Title="Janela 2" Maximizable="true" Constrain="true">
<Listeners>
<AfterRender Fn="SetPosition()"></AfterRender>
</Listeners>
</ext:Window>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>
<script type="text/javascript">
function SetPosition() {
var y = Ext.get('Window2');
y.setX(400);
}
</script>