Popover 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 component must be associated with another component (such as alloy:button) via the for attribute, so that the popover can be displayed nearby. When dismissible=true the popover can be dismissed by clicking outside of it.

JavaScript API:
  • show() causes the popover to be visible
  • hide() causes the popover to be invisible
  • toggle() causes the popover 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