Oct 27, 2011, 11:59 PM
Modal Window does not open with the correct z-index in desktop
In the desktop a modal window doesnt open with the correct z-index.
For the following example when you open the dynamic window and then the modal window the mask of the modal window appears under the dynamic window. If you open and close the windows a few times, the modal window sometimes opens under the dymnamic window.
How do i get the modal window to always display over dynamic windows?
For the following example when you open the dynamic window and then the modal window the mask of the modal window appears under the dynamic window. If you open and close the windows a few times, the modal window sometimes opens under the dymnamic window.
How do i get the modal window to always display over dynamic windows?
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Desktop - Ext.NET Examples</title>
<script type="text/javascript">
var createDynamicWindow = function (app) {
var desk = app.getDesktop();
var w = desk.createWindow({
title : "Dynamic Web Browser",
width : 1000,
height : 600,
maximizable : true,
minimizable : true,
autoLoad : {
url : "http://ajaxian.com/archives/mad-cool-date-library/",
mode : "iframe",
showMask : true
}
});
w.center();
w.show();
};
</script>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Desktop ID="MyDesktop" runat="server" BackgroundColor="Black" ShortcutTextColor="White" Wallpaper="desktop.jpg">
<StartButton Text="Start" IconCls="start-button" />
<StartMenu Width="400" Height="400" ToolsWidth="227" Title="Start Menu">
<Items>
<ext:MenuItem ID="MenuItem4" runat="server" Text="All" Icon="Folder" HideOnClick="false">
<Menu>
<ext:Menu ID="Menu2" runat="server">
<Items>
<ext:MenuItem Text="Create dynamic" Icon="World">
<Listeners>
<Click Handler="createDynamicWindow(#{MyDesktop});" />
</Listeners>
</ext:MenuItem>
<ext:MenuItem Text="Show Modal" Icon="World">
<Listeners>
<Click Handler="#{ModalWindow}.show();" />
</Listeners>
</ext:MenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:MenuItem>
</Items>
</StartMenu>
</ext:Desktop>
<ext:Window ID="ModalWindow" runat="server" Modal="true" Hidden="true" Title="Modal Window">
<Content>
This is modal window.
</Content>
</ext:Window>
</form>
</body>
</html>
Last edited by Labyrinth; Nov 08, 2011 at 1:54 AM.