jQuery UI Widgets Forums Dialogs and Notifications Window Window popup modal

This topic contains 2 replies, has 3 voices, and was last updated by  JakeWidget 12 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Window popup modal #10989

    marchip
    Member

    When I open a window popup in modal state over a grid with a detail panel opened the popup is under the detail of grid instead over. How can I set the popup to stay over all?

     

    Thanks

    Window popup modal #11000

    Dimitar
    Participant

    Hello marchip,

    Thank you for your feedback. We confirm the reported issue. It will be fixed in jQWidgets’s next version.

    A workaround solution is to set the z-index css property of the jqx-window class to 3000 after the widget’s initialization, i.e.:

                $("#window").jqxWindow({ width: 300, height: 300, isModal: true, autoOpen: false });
    $(".jqx-window").css("z-index", "3000");

    Best Regards,
    Dimitar

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

    Window popup modal #13526

    JakeWidget
    Member

    I was having a similar problem trying to popup a modal window over an existing modal window (in my case, I was popping up a “Save Changes?” type confirmation window over an existing modal “dialog”).

    I updated to 2.6, but was still having problems with a “modal over a modal”.

    Dimitar’s solution provided here will work to fix that situation with a slight modification:
    – you will have to set the z-index to be higher. I don’t know the exact # required, but 30000 worked for me.
    – set the z-index for just your confirmation window, not all “.jqx-window” class’s

    So something like this:

    $("#firstWidnow").jqxWindow({ width: 300, height: 300, isModal: true, autoOpen: false });
    $("#confirmationMsgWindow").jqxWindow({ width: 300, height: 300, isModal: true, autoOpen: false });
    $("#confirmationMsgWindow").css("z-index", "30000");

    Jake

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

You must be logged in to reply to this topic.