Theme
arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Theme
arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Homepage
GitHub
Issue Tracking
Tooltip
Tooltips are speech bubble tips and provide many features like positioning using corners, effects, global, shared and autoShown mode. They are highly configurable and support ajax updates.
Based on
qTip2
- Pretty powerful tooltips.
Components and more
ClientBehaviours
Converters
Functions, Utils
BlockUI
Calculator
Clipboard
CodeMirror
CodeScanner
CookiePolicy
Counter
Credit Card
ClockPicker
Document Viewer
DynaForm
EChart
FluidGrid
Fuzzy Search
GChart
ImageAreaSelect
ImageRotateAndResize
ImageZoom
InputOtp
InputPhone
InputPlace
Keynote
Layout
Legend
LightSwitch
Localized
MarkdownEditor
MarkText
MasterDetail
MonacoEditor
Orgchart
OpenStreetMap
QRCode
RemoteCommand
Session
Sheet
SlideOut
Speedtest
SunEditor
Timer
TimeAgo
TimePicker
Tooltip
TriStateManyCheckbox
Waypoint
Use Cases
Customized tooltips
Global tooltips
Global limited tooltips
Shared tooltip
Auto shown tooltips and widget API
Mouse tracking
Documentation pe:tooltip
Attributes (move mouse over the names to see data types)
Name
Description
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 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 is 0.
atPosition
The corner of the target element to position the tooltips corner at.Default is bottom right.
autoShow
This flag enables showing tooltips automatically after page loading. Auto shown tooltips can not be global or shared.Default is false.
binding
An EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
converter
EL expression resolves to a converter instance or literal converter ID defining a component converter.
fixed
When set to true, the tooltip will not hide if moused over, allowing the contents to be clicked and interacted with.Default is false.
for
Id of the component to attach the tooltip.
global
A global tooltip converts each title attribute to a tooltip.Default is false.
header
Header or Titlebar of the tooltip. Not applicable on global tooltips.
hideDelay
Delay time for hiding the tooltip.Default is 0.
hideEffect
Hide effect function.Default is fadeOut.
hideEffectLength
Duration for hide effect.Default is 500.
hideEvent
Event hiding the tooltip.Default is mouseleave.
id
Unique identifier of the component in a namingContainer.Default is generated.
mouseTracking
This flag enables tooltip's positioning in relation to the mouse.Default is false.
myPosition
The corner of the tooltip to position in relation to the target element.Default is top left.
rendered
Boolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
shared
A shared tooltip - one tooltip, multiple targets.Default is false.
showDelay
Delay time for displaying the tooltip.Default is 0.
showEffect
Show effect function.Default is fadeIn.
showEffectLength
Duration for show effect.Default is 500.
showEvent
Event displaying the tooltip.Default is mouseenter.
styleClass
Style class of the tooltip will override ThemeRoller theme.
value
Value of the component.
widgetVar
Name of the client side widget.
PrimeFaces Extensions Showcase - © 2011-2025,
PrimeFaces: 16.0.0-SNAPSHOT,
PrimeFaces Extensions: 16.0.0-SNAPSHOT,
JSF: Apache MyFaces Core 4.0 - Impl 4.0.3,
Server: Apache Tomcat (TomEE)/10.1.52 (10.1.4),
Build time: 2026-03-07 01:34
occured!