tinyfiledialogs offers many modal dialogs and popup notifications (both for graphic and console modes). It is a cross-platform single C/C++ file (+ header) to add to your C or C++ project. It aims to be extremely easy to use, has no init, no main loop, and no external dependencies. It is used by hundreds of … Read more
Updated answer (29/02/2024) As pointed out by Wes Goulet, this will change (or has changed) and we may have the expected behaviour of the original poster. So, the following probably works on all major browsers: document.querySelector(‘dialog’).showModal(); :root { –color-backdrop: red; } dialog::backdrop { background: var(–color-backdrop); } <dialog> <p>This is a dialog. My backdrop should be … Read more
If anybody is interested I found a solution (not sure if it is the best one). Just disabling the default close operation so the popup does not close on backround click, while closing it with data param on background click. matDialogRef.disableClose = true;//disable default close operation matDialogRef.backdropClick().subscribe(result => { matDialogRef.close(dataToReturn); }); This way the calling … Read more
You can define your own button types. In this example the buttons’ text is foo and bar: ButtonType foo = new ButtonType(“foo”, ButtonBar.ButtonData.OK_DONE); ButtonType bar = new ButtonType(“bar”, ButtonBar.ButtonData.CANCEL_CLOSE); Alert alert = new Alert(AlertType.WARNING, “The format for dates is year.month.day. ” + “For example, today is ” + todayToString() + “.”, foo, bar); alert.setTitle(“Date format … Read more
You can add some CSS so it’s by default hidden, no onload code needed: #myDialog { display: none; } With this, no other code is necessary, when you open the dialog it’ll reverse this style…so nothing additional to run on document.ready. Alternatively, if you have lots of dialogs, give it a class, like this: <div … Read more
You don’t specify what you have tried with z-index. The blockUI plugin has an option to change the z-index of the message it creates (documentation): // z-index for the blocking overlay baseZ: 1000, jQuery UI Dialog as an option for specifying a z-index as well. Its default value is 1000. So you have to set … Read more
Much simpler way I found: $(“#dialogPopper”).click( function() { $(“#date”).datepicker(“disable”); $(“#dialog”).dialog(“open”); $(“#date”).datepicker(“enable”); return false; } );