Tooltip

You are viewing an old version (v. 10) of this page.
The latest version is v. 21, last edited on Dec 11, 2014 (view differences | )
<< View previous version | view page history | view next version >>

Overview

The tooltip component is used to pop up a tooltip for another component. You can specify various positions and effects for the tooltip.

Usage

    <h:outputText id="text" ... />
    ...
    <ace:tooltip for="text" ... >
    ...
    </ace:tooltip>

Component Attributes

TagLib Documentation
This section covers attributes involved in the typical use-cases for this component. For reference, the complete taglib documentation for this component is available here.

for: id of the component that the tooltip is for.

position and targetPosition are used to position the tooltip relative to the target component, e.g. "topLeft" corner of tooltip at "bottomRight" corner of target component.

showEvent, showDelay, showEffect, showEffectLength specify the event and effect to show the tooltip.

The corresponding attributes for hiding the tooltip are hideEvent, hideDelay, hideEffect, hideEffectLength

<ace:ajax/> support

The following event is supported by the nested <ace:ajax/> tag:

display (default)

JavaScript APIs / Client Behaviours

The client side tooltip object is exposed through the global variable name specified in the widgetVar attribute, but currently there is no API useful to the user.

Keyboard and ARIA Support

Known Issues

Other Resources

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.

© Copyright 2017 ICEsoft Technologies Canada Corp.