Window modal and z-index problem.

  1. #1

    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.
    listeners : 
    {
            deactivate : function()
            {
                   this.toFront();
            },
            delay : 1
    },

    What is the solution for this dummy windows are seem always on top ?

    <%@ 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.
  2. #2
    Will anyone help ?

Similar Threads

  1. About the model window z-Index's problem
    By PeerLessSoul in forum 2.x Help
    Replies: 2
    Last Post: Nov 05, 2012, 9:17 AM
  2. Replies: 5
    Last Post: Apr 20, 2012, 7:20 AM
  3. Replies: 5
    Last Post: Nov 08, 2011, 7:53 PM
  4. [CLOSED] Notification from modal window problem
    By xeo4.it in forum 1.x Premium Help
    Replies: 4
    Last Post: Apr 27, 2011, 7:53 AM
  5. Modal window escape key problem
    By dbassett74 in forum 1.x Help
    Replies: 0
    Last Post: Apr 20, 2009, 2:00 PM

Posting Permissions