jQuery UI Widgets Forums Dialogs and Notifications Window isModal greys out whole screen?

This topic contains 2 replies, has 2 voices, and was last updated by  aoverton07 10 years, 6 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • isModal greys out whole screen? #30518

    aoverton07
    Participant

    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>
    isModal greys out whole screen? #30532

    Dimitar
    Participant

    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/

    isModal greys out whole screen? #30571

    aoverton07
    Participant

    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.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.