Apr 30, 2010, 2:19 PM
[CLOSED] [1.0] How to Mask all of window - not just body
I am trying to figure out how to mask an entire window like in a DirectEvent using a Custom Listener. Below is sample code.
attached 'CustomListener_Mask' - notice that only the <body> is greyed out
If I click btnClick the screen looks like the attached 'btnClicked_Mask'
- everything is greyed out regardless of the <body> height
How do I make the Custom Listener mask grey out completely like the 'btnClicked_Mask' image?
Thanks~
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body style="height:300">
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" >
<CustomListeners>
<ext:Listener Handler="Ext.getBody().mask('Loading...', 'x-loading-mask');" Delay="1500" HtmlEvent="Click" Target="#{toplinks}" />
</CustomListeners>
</ext:ResourceManager>
<div id="toplinks">Test Customer Listener Click
<ext:Button runat="server" ID="btnClick" Text="Click">
<DirectEvents>
<Click OnEvent="btnSearch_Click" Delay="7000">
<EventMask ShowMask="true" />
</Click>
</DirectEvents>
</ext:Button>
</form>
</body>
</html>
If I click the div the listener fires and the screen looks like the attached 'CustomListener_Mask' - notice that only the <body> is greyed out
If I click btnClick the screen looks like the attached 'btnClicked_Mask'
- everything is greyed out regardless of the <body> height
How do I make the Custom Listener mask grey out completely like the 'btnClicked_Mask' image?
Thanks~