Post by Elli on Aug 16, 2019 9:52:04 GMT -7
Enable jQuery Dialog Modal
Enables the modal option on all jQuery UI dialogs.
<head>
CSS
<head>
<script>
$(function() {
/**
* Create darkened modal behind jQuery UI dialogs.
* Has to be in `<head>` to load in the right order.
*/
(function darkenDialogOverlay() {
var open_ref = $.ui.dialog.prototype.open;
$.ui.dialog.prototype.open = function() {
this.options.modal = true;
open_ref.apply(this, arguments);
}
})();
});
</script>CSS
.ui-widget-overlay {
background-color: #000;
opacity: 0.5;
}