May 02, 2016, 6:50 PM
[CLOSED] window resize and center on Ext.EventManager.onWindowResize
I would to be able to resize an center a window based on explorer page size every time the uses does a resize of the navigator page.
Is it posible?
I tried the following but it does not seems to be working when page size becomes too small.
Is it posible?
I tried the following but it does not seems to be working when page size becomes too small.
<%@ Page Language="VB" %>
<!DOCTYPE html>
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<extnet:ResourceManager ID="ResourceManager1" runat="server" />
<extnet:Viewport runat="server">
<Items>
<extnet:Panel runat="server">
<Buttons>
<extnet:Button runat="server" Text="Zoom">
<Listeners>
<Click Handler="#{ZoomWindow}.show();" />
</Listeners>
</extnet:Button>
</Buttons>
</extnet:Panel>
</Items>
</extnet:Viewport>
<extnet:Window runat="server" ID="ZoomWindow" Title="Buscar Informacion" Hidden="true" Width="600" Height="450" Layout="BorderLayout" />
<script type="text/javascript">
function resize() {
//return;
var width = Ext.getBody().getViewSize().width - 20;
var height = Ext.getBody().getViewSize().height - 20;
var w1;
w1 = eval("<%= ZoomWindow.ClientID%>");
w1.setWidth(width - 20);
w1.center();
}
Ext.EventManager.onWindowResize(function () {
resize();
});
Ext.onReady(function () {
//alert("ready");
resize();
});
</script>
</body>
</html>
Last edited by fabricio.murta; May 24, 2016 at 7:49 PM.
Reason: no user feedback for 7+ days