alloy:dialog

Dialog is a UIPanel component that that renders a <div> element that is initially styled with display:none so that it can be popped-up as an overlay by calling the JavaScript API. Since it extends HtmlPanelGroup, it supports all the features of h:panelGroup.

General Usage

The dialog can be popped-up by specifying a clientKey and calling the show() JavaScript function. When modal=true the user will be forced to interact with or dismiss the dialog in order to return to the main application. When dismissible=true the dialog can be dismissed by clicking outside of it, unless it is modal.

JavaScript API:
  • show() causes the dialog to be visible
  • hide() causes the dialog to be invisible
  • toggle() causes the dialog visibility to be toggled

Source Code

Liferay Faces Alloy 4.1.1 + Liferay Faces Bridge Implementation 5.0.0 + Showcase Common 4.0.0 + Liferay Faces Util 3.4.1 + Mojarra 2.2.20