z-index of Dialog

Question

There are numerous posts that indicate that the z-index of a jQuery UI dialog can be set by passing a parameter zIndex to .Dialog(), including

However, that parameter is not listed in the jQuery UI API documentation

If I set it anyhow, the z-index of my dialog is unaffected.

How can I set the z-index of the dialog?

score 1 · Accepted Answer · edited May 23 '17 at 12:09

1

It turns out that I was referencing a custom jQuery UI Theme built for an old version of jQuery UI.

Referencing the base theme for the version I'm now using resolved this issue.

For upgrading a custom theme to the current version, see

edited May 23 '17 at 12:09

Community

answered Feb 26 '13 at 01:22

Eric J.

According to http://stackoverflow.com/questions/16917430/jquery-ui-1-10-dialog-and-zindex-option, the relevant change came in with jQueryUI v.1.10. – Joe Mabel Jan 24 '17 at 20:25

score 0 · Answer 2 · answered Feb 25 '13 at 23:36

0

I think it would be preferable to do this in the CSS based on the selector, so something like:

#dialog {
    z-index: 100000000;
}

Or, in the js:

$('#dialog').css('z-index','1000000');

Or do you need to set a dynamic z-index value?

answered Feb 25 '13 at 23:36

David542

2 Answers2