Issue 115: does nyromodal use z-index to define overlay?
Status:  Fixed
Owner: ----
Closed:  Jan 2009
Reported by hxion...@gmail.com, Nov 18, 2008
Not really a bug or issue. Just wondering how does nyromodal define the
overlay.


What i am trying to do:

- use both jqmodal and nyromodal together. 

I originally started with jqmodal due to its clear structure of
header/body/footer so that i can do css with the modal easily. 

But jqmodal can't load a complete web page into the modal.

- situation

now, if I call nyromodal with jqmodal in present, nyromodal will be behind
jqmodal since jqmodal defines overlay by z-index. I can't find a z-index
definition anywhere in nyromodal document. Any way to bring nyrolmodal on
to the front?


Thanks.
Nov 18, 2008
#1 siegert....@gmail.com
there's a css block that starts on line 200 (version 1.3.0).
that's where the z-index is set:

		css: { // Default CSS option for the nyroModal Div. Some will be overwritten or
updated when using IE6
			bg: {
				zIndex: 100,
				position: 'fixed',
				top: 0,
				left: 0,
				height: '100%',
				width: '100%'
			},
			wrapper: {
				zIndex: 101,
				position: 'fixed',
				top: '50%',
				left: '50%'
			},
			wrapper2: {
			},
			content: {
				overflow: 'auto'
			},
			loading: {
				zIndex: 102,
				position: 'fixed',
				top: '50%',
				left: '50%',
				marginTop: '-50px',
				marginLeft: '-50px'
			}
		},
Nov 18, 2008
#2 hxion...@gmail.com
oops, i missed that. thanks, i will give it a try.
Nov 18, 2008
Project Member #3 nyro...@gmail.com
ok, let us know if you figured out how to solve your problem.
Nov 18, 2008
#4 hxion...@gmail.com
OK. by changing the Z-index, it works. 

But 2 things confuse me:

1. I know i asked this before, but I still don't get it. how to change the nyroModal
setting? 

I did something like 
$.fn.nyroModal.settins.css={bg{zIndex; 500}, wrapper{zIndex: 501}}

it doesn't work. so i have to go to the library itself to modify the zIndex value. 

2 The double overlay worked but when close the top modal (nyroModal), the screen will
freeze for like couple seconds. I have to click on the screen to make it go back to
normal (i guess make the modal completely removed?). 


I really like the feature that it is able to load a complete page inside nyroModal. 

Thanks.
Nov 18, 2008
Project Member #5 nyro...@gmail.com
In the version 1.3.0, the function nyroModalSettings set default settings if the
modal isn't already started. So you could use it for your exemple like that:
$.nyroModalSettings({zIndex: 500}, 'css', 'bg');
$.nyroModalSettings({zIndex: 501}, 'css', 'wrapper');
Nov 18, 2008
#6 hxion...@gmail.com
thanks. I will give it a try tomorrow.
Jan 27, 2009
Project Member #7 nyro...@gmail.com
(No comment was entered for this change.)
Status: Fixed
Jun 21, 2011
#8 sachinar...@webinfomart.com
background-color: black;
position: absolute;
overflow: hidden;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 0.75;
tell me how to change opacity of background in nyromodal, as soon as possible