Button/Link
Data
Input
Miscellaneous
Multimedia
Output
Panel
Select
JSTL
Faces Core
Facelets
Extensions

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.
Position mouse cursor here

Source Code

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:alloy="http://liferay.com/faces/alloy"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<!-- Example 1: Specifying tooltip text via the value attribute -->
<alloy:form>
<alloy:button id="myButton" value="#{i18n['position-mouse-cursor-here']}" />
<alloy:outputTooltip for="myButton"
value="#{i18n['text-from-value-attribute']}" />
</alloy:form>
<!-- Example 2: Specifying tooltip text via the associated component's title attribute -->
<alloy:inputText id="myText1" title="#{i18n['text-from-title-attribute']}"
value="#{i18n['position-mouse-cursor-here']}" />
<alloy:outputTooltip for="myText1" />
<!-- Example 3: Specifying children, headerText, opacity="0.5" and position="bottom" -->
<alloy:outputText id="myText2" value="#{i18n['position-mouse-cursor-here']}" />
<alloy:outputTooltip for="myText2" headerText="#{i18n['header-text']}" opacity="0.5" position="bottom"
styleClass="tooltip-help" zIndex="0">
<alloy:image value="#{resource['images:liferay-faces-logo-small.png']}" />
</alloy:outputTooltip>
</ui:composition>
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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