<standard:tooltip>
AJAX
Data
Forms
Layout
Logic
Navigation
Personalisation
Standard
ATTRIBUTES
EXAMPLES
Templates
Regions
Third Party

<standard:tooltip> </...>

Creates a tooltip / speech bubble.

Attributes

arrowPosition
string
A specific location for the arrow on the ToolTip may be selected.

If omitted, the ToolTip arrow will appear in the most sensible location for the given 'position' attribute.

Possible Values:
topleft top topright right bottomright bottom bottomleft left
content
string
Content of the tooltip
hideOn
string
Event(s) which will trigger the ToolTip to be hidden.
id
string
(Required) Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).
showOnLoad
bool
When set to true, the ToolTip will show itself immediately upon page load. e.g. when the document.ready() event is triggered
target
string
A CSS selector for targeting the HTML element the tooltip will be positioned in relation to.
position
string
Positions the ToolTip at a location around the given target element.

If omitted, the default location is at the bottom of the target element.

Possible Values:
topleft top topright right bottomright bottom bottomleft left

Examples

Icon with Tooltip

A tooltip text will display when the mouse cursor is over the icon

HTML:

<standard:tooltip content="Please enter a description of the tool tip. The maximum length is 3 lines. Arrows can be adjusted position." position="top"> <standard:icon library="fontawesome" name="info-circle" size="4" style="width: 33px; height: 33px; color: #61c4e0; padding: 6px" /> </standard:tooltip>

Run Example