Alloy Showcase - Liferay Faces

alloy:outputTooltip

OutputTooltip is a UIOutput component that renders a <div> element which is displayed as an overlay that is initially styled with display:none so that it can be displayed as an overlay. Since it extends HtmlOutputText, it supports all the features of h:outputText.

General Usage

The component must be associated with another component (such as alloy:button, alloy:inputText, or alloy:outputText) via the for attribute, so that the tooltip can be displayed nearby. The text of the tooltip can be specified via the value attribute or by relying on the title attribute of the associated component. It can be styled by setting the styleClass attribute to tooltip.

Example 2: Specifying tooltip text via the associated component's title attribute

Example 3: Specifying children, headerText, opacity=0.5 and position=bottom

Position mouse cursor here

Source Code

outputTooltip.xhtml

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