|
|
Rank: Newbie
Groups: Member
Joined: 10/13/2009
Posts: 2
|
I have a page that is larger than a maximized browser window (meaning the user must scroll down to view the whole page). I am using a Modal Dialog control on this page. Everything works fine in Firefox. In Internet Explorer however, when I scroll down, the modal background portion of the page does not continue down to the bottom. It is only the size of the initial browser window when the Dialog control was triggered. Is there a workaround or a fix for this? The reason I need it is because my webform is quite long, and the submit button is at the bottom. The Dialog window needs to be able to appear at the bottom of the form and still disable the background while it is active. Thanks Paul
Code: Visual Basic.NET
<%@ Register TagPrefix="eo" Namespace="EO.Web" Assembly="EO.Web" %>
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="popup_test.aspx.vb" Inherits="PowerPetSitter.popup_test"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Dialog Browser IE Scrolling Test</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<eo:Dialog runat="server" id="Dialog1" BorderStyle="Solid" BackColor="#47729F" IsModal="true"
AllowResize="False" ControlSkinID="None" Width="300px" BorderWidth="1px" Height="200px" AcceptButton="btnSageContinue" AcceptButtonPostBack="true"
ShadowColor="LightGray" BorderColor="#335C88" ShadowDepth="3" TopMost="true"
HeaderHtml="Credit Available" BackShadeColor="Black" BackShadeOpacity="30">
<FooterStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #7d97b6 1px solid; padding-left: 4px; border-left-width: 1px; font-size: 11px; border-left-color: #728eb8; padding-bottom: 4px; color: white; padding-top: 4px; border-bottom: #22456a 1px solid; font-family: verdana"></FooterStyleActive>
<HeaderStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #ffbf00 3px solid; padding-left: 4px; font-weight: bold; font-size: 11px; padding-bottom: 2px; color: white; padding-top: 2px; border-bottom: #22456a 1px solid; font-family: verdana"></HeaderStyleActive>
<FooterTemplate>
<DIV style="TEXT-ALIGN: center">
<asp:Button ID="btnSageContinue" runat="server" Text="Continue" Width="152px" /></DIV>
</FooterTemplate>
<ContentStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #7d97b6 1px solid; padding-left: 4px; border-left-width: 1px; font-size: 11px; border-left-color: #728eb8; padding-bottom: 4px; color: white; padding-top: 4px; border-bottom: #22456a 1px solid; font-family: verdana"></ContentStyleActive>
<ContentTemplate>
A credit of $50 is now available. Would you like to:<br><br>
<asp:RadioButton id="rbCredit" GroupName="sageRefundList" runat="server" Checked="True" />Apply a credit to the account<br>
<asp:RadioButton id="rbRefund" GroupName="sageRefundList" runat="server" />Refund the credit card<br>
</ContentTemplate>
</eo:Dialog>
<p>
<a href="javascript:eo_GetObject('Dialog1').show(true);">Show Popup</a>
</p>
<p>
After clicking "Show Popup", scroll down in IE to see this bug in action.
</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</form>
</body>
</HTML>
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,080
|
Hi,
Please try to switch the page into standard compliant mode by chaning:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
to:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Please let us know if this works for you.
Thanks!
|
|
Rank: Newbie
Groups: Member
Joined: 10/13/2009
Posts: 2
|
That did it!
Thank you so much for the quick and accurate response. I'm using Visual Studio 2003 which generates an older DOCTYPE by default.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,080
|
Great. Glad that it works for you!
|
|
Rank: Newbie
Groups: Member
Joined: 5/7/2010
Posts: 1
|
I have a similar problem but mine uses master pages and the master page has the above declaration and it still doesn't work. What I see is that the user can still scroll the Main page even when the modal popup is displayed. On IE the issue is a little more odd in that the scroll wheel actually scrolls both scroll bars (after the modal window's scroll bar hits the bottom) while in Firefox it depends where the cursor is which scroll bar gets used on mouse scroll wheel.
Is there a way to disable a Page's scrolling when the modal window is up and re-enable it when it's gone?
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,080
|
Hi Jemer99,
Your question is totally different than the original one. To answer your question, no, there is no way to disable the browser windows scroll bar no matter what. Sorry about it!
Thanks!
|
|