My favorites | Sign in
Project Home Downloads Issues
READ-ONLY: This project has been archived. For more information see this post.
Search
for
  Advanced search   Search tips   Subscriptions
Issue 318: nyroModal not centered within the viewable screen
2 people starred this issue and may be notified of changes. Back to list
Status:  WontFix
Owner:  ----
Closed:  Nov 2009


 
Reported by bxnat...@gmail.com, Aug 24, 2009
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
Did you set a doctype at the very top line of your HTMl page?

Could you send a link where I can see this bog?
Aug 25, 2009
#2 bxnat...@gmail.com
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
Project Member #3 nyro...@gmail.com
Did you finally solve your problem?
Nov 8, 2009
Project Member #4 nyro...@gmail.com
(No comment was entered for this change.)
Status: WontFix

Powered by Google Project Hosting