Nov 16, 2012, 8:23 AM
[CLOSED] Strange Issue with modal window in IE
Hi,
I'm experiencing a really weird problem. When testing my website on my local pc (VS2010 with cassini webserver) everything works according plan. On all browsers without a problem, but when testing it on an IIS webserver my modal window is not accessible anymore on IE. Everything is grayed out.
I've cleaned my project an made a similar test situation for you. Start with windowtest.aspx, click on button left --> click on button in tab to open the modal window.
windowtest.aspx
Martin
I'm experiencing a really weird problem. When testing my website on my local pc (VS2010 with cassini webserver) everything works according plan. On all browsers without a problem, but when testing it on an IIS webserver my modal window is not accessible anymore on IE. Everything is grayed out.
I've cleaned my project an made a similar test situation for you. Start with windowtest.aspx, click on button left --> click on button in tab to open the modal window.
windowtest.aspx
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Carwise Support</title>
<link href="Style/StyleSheet.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
.x-column-padding
{
padding: 10px 0px 10px 10px;
}
.x-column-padding1
{
padding: 10px;
}
</style>
<ext:XScript ID="XScript1" runat="server">
<script type="text/javascript">
var addTab = function( tabPanel, id, url, title ) {
var tab = tabPanel.getComponent( id );
if ( !tab ) {
tab = tabPanel.add( {
id: id,
title: title,
closable: true,
loader: {
url: url,
renderer: "frame",
loadMask: {
showMask: true,
msg: "Laden " + title + "..."
}
}
} );
}
else {
tab.close();
addTab( tabPanel, id, url, title );
}
tabPanel.setActiveTab( tab );
};
var load = function (id) {
#{winIssue}.show();
#{winIssue}.load({url: 'testwindow.aspx?ID=' + id.toString()});
};
</script>
</ext:XScript>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
<Items>
<ext:Panel ID="Panel1" runat="server" Region="West" Title="Menu" Width="200" Collapsible="true"
Split="true" MinWidth="175" MaxWidth="400" MarginsSummary="5 0 5 5" CMarginsSummary="5 5 5 5"
Layout="AccordionLayout">
<Items>
<ext:Panel ID="pnlIssues" runat="server" Border="false" Collapsed="true" AutoScroll="true"
Title="Issues">
<Items>
<ext:Container ID="Container4" runat="server" DefaultScale="medium" DefaultType="button"
Layout="vbox">
<LayoutConfig>
<ext:VBoxLayoutConfig Align="Stretch" Padding="0 0 0 0" DefaultMargins="0 0 0 0" />
</LayoutConfig>
<Items>
<ext:Button ID="btnIssuesOpAfdeling" TextAlign="left" runat="server" Icon="Group" Text="Op afdeling" Flat="true">
<Listeners>
<Click Handler="addTab(#{tpMain}, 'tpIssuesGroup', 'testPage.aspx', 'Issues op afdeling');" />
</Listeners>
</ext:Button>
</Items>
</ext:Container>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
<ext:TabPanel runat="server" Region="Center" ActiveTabIndex="0" Title="Inhoud" MarginsSummary="5 5 5 0" ID="tpMain">
<Items>
<ext:Panel ID="Panel3" runat="server" Title="Informatie" Layout="Fit" >
<items>
<ext:label runat="server" ID="lblInfo" Text="Algemene informatie"/>
</items>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Viewport>
<ext:Window
ID="winIssue"
runat="server"
Icon="ApplicationEdit" ConstrainHeader="true"
Title="Aanpassen issue"
Hidden="true" Modal="true" Width="580" Height="660"
>
<Loader ID="Loader2" Mode="Frame" DisableCaching="true" runat="server"/>
</ext:Window>
</form>
</body>
</html>
testpage.aspx<%@ Page Language="C#" %>
<!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></title>
<script type="text/javascript">
var loadEditWindow = function (id) {
parent.load(id);
};
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<div>
<ext:Button Text="Test Window" runat="server" ID="btnTest">
<Listeners>
<Click handler="loadEditWindow(1)"/>
</Listeners>
</ext:Button>
</div>
</form>
</body>
</html>
testwindow.aspx<%@ Page Language="C#" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="rmIssues" runat="server" />
<div>
Good Morning People from Ext.NET ! I can't click on this button in IE (production IIS), but I can when running from Visual studio Cassini webserver. Nice isn't ?
<br/>
<ext:Button ID="btnFail" runat="server" Text="unreachable button"/>
</div>
</form>
</body>
</html>
Martin
Last edited by Daniil; Nov 16, 2012 at 10:48 AM.
Reason: [CLOSED]