Alloy Showcase


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 3.0.1 + Liferay Faces Bridge Implementation 4.1.0 + Showcase Common 3.0.1 + Liferay Faces Util 3.1.0 + Mojarra 2.2.17