| Issue 318: | nyroModal not centered within the viewable screen | |
| 2 people starred this issue and may be notified of changes. | Back to list |
|
What steps will reproduce the problem?
1. Load a page with long body (i.e. you need to scroll)
2. Open a nyromodal dialog.
3.
What is the expected output? What do you see instead?
Expect to see the modal center within my viewing area. Instead I have to
scroll down to see the modal.
What version of the product are you using? On what operating system?
version: 1.5.2
IE 6.0
FF 2.0
IIS 5.1 on Windows XP
jQuery JavaScript Library v1.3.2
nyroModal.css
Please provide any additional information below.
The modal is opened with (in an iframe):
$(linkId).nyroModal({ 'blocker': '#aspnetForm' });
The page that gets loaded in the iframe resizes itself with:
parent.$.nyroModalSettings({height: 445, minWidth: 100,width: 320});
Other settings that I'm changing are:
$.fn.nyroModal.settings.titleFromIframe = false;
$.fn.nyroModal.settings.closeButton = '<a href="#" class="nyroModalClose"
id="poCloseButton" title="close">X</a>';
$.fn.nyroModal.settings.showBackground = function(elts, settings, callback)
{elts.bg.css({ opacity: 0 }).fadeTo(500, 0.0, callback);};
$.fn.nyroModal.settings.css.wrapper =
{position:'absolute',top:'40%',left:'50%'};
$.fn.nyroModal.settings.css.loading =
{position:'absolute',top:'40%',left:'50%',marginTop:'-50px',marginLeft:'-50px'};
On pages that don't need to be scrolled, this works fine.
On the nyroModal website this works fine with the examples. I can't tell
what I'm missing to cause this problem to occur in my site.
Aug 24, 2009
Project Member
#1
nyro...@gmail.com
Aug 25, 2009
Yes doctype is set as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> I'm working on getting this site on a server that is exposed to the outside so you can see it. I think it has something to do with the setting: 'blocker': '#aspnetForm'. I had to add this because of two reasons: I wanted to prevent the asp.net postback problems I was reading about in the issues section. Also if I omitted this, then the background overlay would only appear at the top of the web page with a height no bigger than the height of a browser address bar. Then I would have to click way up at the top of the browser to close the modal. In an attempt to fix my current problem with the modal not being centered in the screen on a very long page, I removed the "blocker" setting. The result is the modal is visible in the view of the screen like I expect it to be. However then I have the background overlay problem.
Oct 13, 2009
Did you finally solve your problem?
Nov 8, 2009
(No comment was entered for this change.)
Status:
WontFix
|
||||||||