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 draggability and resizability, are directly built-in, and features such as the excellent modality and overlay are easy to configure.
We started out by looking at the default implementation, which is as simple as it is with the other widgets we have looked at so far. However, there are several optional components that can also be used in conjunction with the dialog, such as the draggables and resizable components.
We also 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...