Popup

The Popup control can be used to display arbitrary content as dialogs (centered on the screen, without an owner element), or as 'popovers' (located relative to an owner element).

Dialogs (Popups with no owner)

Dialogs are Popups with no owner element. They must be shown by calling the show method.

Dialogs can be modal or modeless. Modal dialogs have a dark backdrop, and if their hideTrigger property is set to None, they cannot lose focus and must be dismissed by the user, either by pressing escape or by clicking an element on the dialog itself.

Notice how input elements automatically get the focus when the dialog is displayed.



Popovers (Popups with owner elements)

Popups may have owner elements that can be used to control their visibility. The showTrigger and hideTrigger properties determine whether the Popups should be shown or hidden when the owner element is clicked or when the popup loses the focus.

Title

Hello Popup
This is a multi-line message!

Title

Hello Popup
This is a multi-line message!

Title

Hello Popup
This is a multiline message!

2 + 3 = 5
@