isModal greys out whole screen?

[aoverton07Participant]

I use a lot of windows on my page, some are modal some are not. All of a sudden one window in particular started to act funny, when i set isModal to true, and pop up the window and bringToFront my whole screen is greyed out, not just the area around/outside of the window. All of my other windows are working properly has anyone else encountered this behavior and how did you fix it?

$("#profileContentEditWindow").jqxWindow({
			theme: theme,
			width: 600,
			height: 400,
			autoOpen: false,
			isModal: false
		});

<div id='profileContentEditWindow'>
                            <div>Edit Info</div>
                            <div>
                            	<div id=''>
                                	<div id="">
                                    	<textarea id="" rows="20" cols="60"></textarea>
                                        <input type="button" id="" value="Save Changes"  />
                                    </div>
                                	
                                    <div id="">
                                    	Notes EDIT
                                    </div>
                                    
                                    <div id="">
                                    	Activities EDIT
                                    </div>
                                    
                                    <div id="">
                                    	<textarea id="" rows="20" cols="60"></textarea>
                                        <input type="button" id="" value="Save Changes"  />
                                    </div>
                                    
                                    <div id="">
                                    	Location EDIT
                                    </div>
                                    
                                    <div id="">
                                    	Notes EDIT
                                    </div>
                                
                                </div>
                            </div>			
                        </div> 

[DimitarParticipant]

Hello aoverton07,

Please provide us with a bigger source code sample so that we may determine the source of the issue. Also, please make sure you are using the latest version of jQWidgets (3.0.3).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[aoverton07Participant]

I’ve figured out what was causing this. You cannot use the method ‘bringToFront’ with a window that is modal! It appears that the ‘bringToFront’ method sets the z-index of the window to one that is lower than the modal layer.

[Author]

Posts