What's New?

[CLOSED] Window modal IE7

  1. #1
    Nov 08, 2012, 12:51 AM

    [CLOSED] Window modal IE7

    I moved my system to our production server to demo and found an issue when showing a modal window using IE7. Typically I use Chrome to test the code so didn't see this until today. I can't duplicate with any of your examples. Click on the PageExcel button in the left toolbar.

    Everything works fine in IE8, IE9, Chrome 22, Firefox 16, Safari 5.

    Master Page (stripped down)
    <%@ Master Language="C#" %>

<%@ 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 runat="server">
    <title>CRTS</title>
    <ext:ResourcePlaceHolder runat="server" Mode="ScriptFiles" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<ext:ResourceManager runat="server" />
<body>
    <form runat="server">
    <asp:ScriptManager runat="server" />
    <ext:Viewport runat="server" Layout="BorderLayout">
        <Items>
            <ext:Panel runat="server" Region="Center" Layout="FitLayout">
                <Content>
                    <asp:ContentPlaceHolder ID="CenterContent" runat="server" />
                </Content>
            </ext:Panel>
        </Items>
    </ext:Viewport>
    </form>
</body>
</html>
    Form (Stripped down to bare bones)
    <%@ Page Language="C#" MasterPageFile="CRTSM.master" AutoEventWireup="true"  %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ MasterType VirtualPath="CRTSM.master" %>
<asp:Content ContentPlaceHolderID="HeadContent" runat="Server">
    <title>Window Modal IE7 Issue</title>
</asp:Content>
<asp:Content ContentPlaceHolderID="CenterContent" runat="Server">
    <ext:Panel runat="server" Layout="BorderLayout">
        <Bin>
            <ext:Window ID="UnderDevWin" runat="Server" Title="Under Development" Icon="UserComment"
                Height="80" Width="360" BodyPadding="5" BodyStyle="background-color: #fff;" Modal="true">
                <Content>
                    This feature is under development. Please check again later.
                </Content>
            </ext:Window>
        </Bin>
        <Items>
            <ext:Panel runat="server" Region="Center" Height="240" Layout="BorderLayout">
                <DockedItems>
                    <ext:Toolbar runat="server" Dock="Left" Vertical="true">
                        <Items>
                            <ext:Button runat="server" Icon="PageExcel">
                                <Listeners>
                                    <Click Handler="#{UnderDevWin}.show();" />
                                </Listeners>
                            </ext:Button>
                        </Items>
                    </ext:Toolbar>
                </DockedItems>
            </ext:Panel>
        </Items>
    </ext:Panel>
</asp:Content>
    Last edited by Daniil; Nov 08, 2012 at 1:04 PM. Reason: [CLOSED]
  2. #2
    Nov 08, 2012, 2:34 AM
    Hello!

    Please, check this thread: http://forums.ext.net/showthread.php...w-and-form-tag

    I modified your example and checked it:

    Master Page: 

    <%@ Master Language="C#" %>
 
<%@ 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 runat="server">
    <title>CRTS</title>
    <ext:ResourcePlaceHolder runat="server" Mode="ScriptFiles" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<ext:ResourceManager runat="server"/>
<body>
    <form runat="server" id="form1">
    <asp:ScriptManager runat="server" />
    <ext:Viewport runat="server" Layout="BorderLayout">
        <Items>
            <ext:Panel runat="server" Region="Center" Layout="FitLayout">
                <Content>
                    <asp:ContentPlaceHolder ID="CenterContent" runat="server" />
                </Content>
            </ext:Panel>
        </Items>
    </ext:Viewport>
    </form>
</body>
</html>
    Form page:


    <%@ Page Language="C#" MasterPageFile="Site.Master" AutoEventWireup="true"  %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ MasterType VirtualPath="Site.Master" %>
<asp:Content ContentPlaceHolderID="HeadContent" runat="Server">
    <title>Window Modal IE7 Issue</title>
    <style>
    	
    </style>
</asp:Content>
<asp:Content ContentPlaceHolderID="CenterContent" runat="Server">
    <ext:Panel runat="server" Layout="BorderLayout">
        <Bin>
            <ext:Window ID="UnderDevWin" runat="Server" Title="Under Development" Icon="UserComment" 
                Height="80" Width="360" BodyPadding="5" BodyStyle="background-color: #fff;">
                <Content>
                    This feature is under development. Please check again later.
                </Content>
                <Listeners>
                    <Hide Handler="Ext.fly('form1').unmask();" />
                </Listeners>    
            </ext:Window>
        </Bin>
        <Items>
            <ext:Panel runat="server" Region="Center" Height="240" Layout="BorderLayout">
                <DockedItems>
                    <ext:Toolbar runat="server" Dock="Left" Vertical="true">
                        <Items>
                            <ext:Button runat="server" Icon="PageExcel">
                                <Listeners>
                                    <Click Handler="#{UnderDevWin}.show(); Ext.fly('form1').mask();" />
                                </Listeners>
                            </ext:Button>
                        </Items>
                    </ext:Toolbar>
                </DockedItems>
            </ext:Panel>
        </Items>
    </ext:Panel>
</asp:Content>
  3. #3
    Nov 08, 2012, 10:16 AM
    Thanks for pointing out the thread - Modal window and form tag. Not sure why I did not see it during my searching. My window is purely a notification window so I was able to move it up to the master page and outside the form.

    Please close the thread.

Similar Threads

  1. Modal Window Open another Modal Window and Data return
    By nuno_Santos in forum 1.x Help
    Replies: 5
    Last Post: Apr 20, 2012, 6:20 AM
  2. [CLOSED] Ext.Window: Question about clicking outside a modal Window
    By nhg_itd in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 07, 2012, 6:00 AM
  3. [CLOSED] X.Msg with Modal Window
    By jwf in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Sep 20, 2011, 9:22 PM
  4. [CLOSED] Get the x,y position of a modal window
    By fordprefect in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Sep 08, 2011, 6:26 PM
  5. Modal Window
    By erey in forum 1.x Help
    Replies: 0
    Last Post: Mar 29, 2010, 12:06 PM

Posting Permissions