Response title
This is preview!
jQuery Rondell Scroller and jQuery UI Dialog don't play nice (z-index)
in Using jQuery Plugins
•
7 years ago
Hello all,
I have a Rondell jQuery scroller plugin and wish to use a number of jQuery UI dialog widgets on the same set of pages with the scrollers. However, the z-index of the dialog widget cannot be set to what I need, i.e. on top of everything, no matter what I have tried. The modal only partly works in that the Rondell scroller also appears above the greyed-out page and above the dialog as well. I have searched through the jQuery UI site, tried the options from the docs and from user suggestions for dialog widgets all to no avail. These are a few tries:
this.css('z-index', 100000);
dialog("moveToTop");
beforeShow: function () {"moveToTop",{modal: true, width: 670}}
I have read that setting the !important flag on the dialog CSS would work, but it hasn't for me. Also, someone had mentioned that the z-index was removed in the latest versions of jQuery UI (for more than just dialog widget?) and that you should let the "normal stacking" take place. I have been unable to find more on that in the docs.
1