OOUI/Widgets/Popups

A PopupWidget is a container for content. Popups are overlaid and positioned absolutely. By default, each has an ‘anchor,’ which is an arrow-like protrusion that points toward the popup’s origin. The width, height, and padding can be customized using configuration options.

Create a popup and add content using the $content config:



Add a close button and label to the top of the popup with the head and label options:



Specify whether the popup should have an anchor or not with the anchor option:



Align the popup with the align option. Alignment can be set to 'center', 'force-left', 'force-right', 'forwards', or 'backwards'.

Set a container and container padding with the $container and containerPadding options:

Automatically close the popup when it loses focus with the autoclose (and, optionally, $autoCloseIgnore) options:

You can also achieve this effect using the built-in PopupButtonWidget class.

For a complete list of supported methods and configuration options, please see the code-level documentation.