Jan 19, 2015, 11:54 PM
[FIXED] [#643] Modal window mask doesn't adjust it's size to the browser size
Hi,
When modal window is shown, it's mask size doesn't adjust correctly to the browser's window size.
The example below display following window (small browser window):
When maximize or resize browser's window, the Ext.net window mask is not adjusted:
The mask size is adjusted when window is moved:
Example code:
I checked latest IE 11, Firefox, Chrome and Opera... all are affected.
When modal window is shown, it's mask size doesn't adjust correctly to the browser's window size.
The example below display following window (small browser window):
When maximize or resize browser's window, the Ext.net window mask is not adjusted:
The mask size is adjusted when window is moved:
Example code:
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
<style>
.x-body {
background-color: gray;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager
ID="ResourceManager1"
runat="server" />
<ext:Viewport
runat="server"
Layout="BorderLayout">
<Items>
<ext:Window
ID="winPartner"
runat="server"
Title="Partner"
CloseAction="Hide"
AutoShow="false"
Modal="true"
Hidden="false"
Width="320"
Height="160"
Layout="Fit">
<Items>
<ext:FormPanel
ID="frmPartner"
runat="server"
Border="false"
Frame="false"
DefaultAnchor="100%"
BodyPadding="8">
<Items>
<ext:TextField
ID="txtPartnerFirstName"
runat="server"
FieldLabel="First Name"
Name="partnerFirstName" />
<ext:TextField
ID="txtPartnerLastName"
runat="server"
FieldLabel="Last Name"
Name="partnerLastName" />
</Items>
</ext:FormPanel>
</Items>
<Buttons>
<ext:Button
ID="btnPartnerSave"
runat="server"
Text="Save">
</ext:Button>
<ext:Button
ID="btnPartnerCancel"
runat="server"
Text="Cancel">
<Listeners>
<Click Handler="this.up('window').hide();" />
</Listeners>
</ext:Button>
</Buttons>
</ext:Window>
</Items>
</ext:Viewport>
</form>
</body>
</html>
I checked latest IE 11, Firefox, Chrome and Opera... all are affected.
Last edited by fabricio.murta; Apr 27, 2016 at 2:12 AM.