Summary

The dialog widget is specialized and caters to the display of a message or question in a floating panel that sits above the page content. Advanced functionality such as dragging and resizing is directly built-in and require just the inclusion of an additional script file for each feature. Other features such as the excellent modality and overlay are easy to configure.

We started out by looking at the default implementation, which is as equally simple to configure as the other widgets we have looked at so far. We then examined the range of configurable options exposed by the dialog's API. We can make use of them to enable or disable built-in behavior such as modality, or set the dimensions of the widget. It also gives us a wide range of callbacks that allow us to hook into custom events fired by the widget during an interaction.

We then took a brief look at the built-in opening and closing effects that can be used with the dialog, before moving on to see the basic methods we can invoke...