Theme
arya
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga
vela
Tooltip
In shared mode a single tooltip is shared between multiple targets. Tooltip's content is shared and reduces markup. A typically example is one and the same tooltip text for each filter field in a datatable with filtering feature.
Please move mouse over filter input fields
SubjectTextTime
subject 0text 01730417670951
subject 1text 11730417670947
subject 2text 21730417670945
subject 3text 31730417670942
subject 4text 41730417670942
Source

<p:dataTable id="sharedTooltipTable" var="message" value="#{dataTableController.messages}"
             paginator="true" rows="5" paginatorPosition="bottom"
             filteredValue="#{dataTableController.filteredMessages}">
    <f:facet name="header">
        Please move mouse over filter input fields
    </f:facet>
    <p:column filterBy="#{message.subject}" headerText="Subject">
        <h:outputText value="#{message.subject}"/>
    </p:column>
    <p:column filterBy="#{message.text}" headerText="Text">
        <h:outputText value="#{message.text}"/>
    </p:column>
    <p:column filterBy="#{message.time}" headerText="Time">
        <h:outputText value="#{message.time}"/>
    </p:column>
</p:dataTable>

<pe:tooltip value="Type any value to filter datatable" for="@(#sharedTooltipTable th .ui-column-filter)"
            shared="true" atPosition="top center" myPosition="bottom center" styleClass="qtip-default"/>
            
Components and more
Documentation pe:tooltip
Attributes (move mouse over the names to see data types)
Name Description
id Unique identifier of the component in a namingContainer.
rendered Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding An EL expression referring to a server side UIComponent instance in a backing bean.
value Value of the component than can be either an EL expression of a literal text.
converter An EL expression or a literal text that defines a converter for the component.
widgetVar Name of the client side widget.
global A global tooltip converts each title attribute to a tooltip. Default value is false.
shared A shared tooltip - one tooltip, multiple targets. Default value is false.
autoShow This flag enables showing tooltips automatically after page loading. Auto shown tooltips can not be global or shared. Default value is false.
mouseTracking This flag enables tooltip's positioning in relation to the mouse. Default value is false.
fixed When set to true, the tooltip will not hide if moused over, allowing the contents to be clicked and interacted with. Default value is false.
styleClass Style class of the tooltip will override ThemeRoller theme. Default value is null.
header Header or Titlebar of the tooltip. Not applicable on global tooltips. Default value is null.
adjustX A positive or negative pixel value by which to offset the tooltip in the horizontal plane (x-axis). Negative values cause a reduction in the value (moves tooltip to the left). Default value is 0.
adjustY A positive or negative pixel value by which to offset the tooltip in the vertical plane (y-axis). Negative values cause a reduction in the value (moves tooltip upwards). Default value is 0.
atPosition The corner of the target element to position the tooltips corner at. Default value is 'bottom right'.
myPosition The corner of the tooltip to position in relation to the target element. Default value is 'top left'.
showEvent Event displaying the tooltip. Default value is mouseenter.
showDelay Delay time for displaying the tooltip. Default value is 0.
showEffect Effect to be used for displaying. Default value is fadeIn.
showEffectLength Time in milliseconds to display the effect. Default value is 500.
hideEvent Event hiding the tooltip. Default value is mouseleave.
hideDelay Delay time for hiding the tooltip. Default value is 0.
hideEffect Effect to be used for hiding. Default value is fadeOut.
hideEffectLength Time in milliseconds to process the hide effect. Default value is 500.
for Id of the component to attach the tooltip.
PrimeFaces Extensions Showcase - © 2011-2023,PrimeFaces: 14.0.5,PrimeFaces Extensions: 14.0.5,JSF: Apache MyFaces JSF-2.3 Core Impl 2.3.10,Server: jetty/9.4.36.v20210114,Build time: 2024-09-10 21:01