Window modal and z-index problem.
Hello,
In my scenario, i had a window with modal that we can say "main window" and i want to open new dummy windows (may be more than one) over that.
Problem is, when i click somewhere (outside of opened windows), they are going behind of modal.
I tried this for each window but it's not cool for multi dummy windows scenario.
Code:
listeners :
{
deactivate : function()
{
this.toFront();
},
delay : 1
},
What is the solution for this dummy windows are seem always on top ?
Code:
<%@ Page Language="C#" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script>
function btn_AddNewWindow_Click(item, e)
{
var newWindow = Ext.create('Ext.window.Window', {
title: 'New Window',
height: 200,
width: 400,
layout: 'fit',
autoScroll: true,
maximizable: true,
closable: true,
});
newWindow.show();
}
</script>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:Viewport runat="server">
<Bin>
<ext:Window ID="testWindow" runat="server" Width="500" Height="800" Title="Test Window" Modal="true">
<Items>
<ext:Button ID="btn_AddNewWindow" runat="server" Text="Add new window">
<Listeners>
<Click Fn="btn_AddNewWindow_Click" />
</Listeners>
</ext:Button>
</Items>
</ext:Window>
</Bin>
<Items>
<ext:Panel ID="testPanel" runat="server" Title="Test Panel">
<Items>
<ext:Button runat="server" Text="Open window">
<Listeners>
<Click Handler="App.testWindow.show();"/>
</Listeners>
</ext:Button>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</body>
</html>
Umut B. B.
Thanks.