| Provides attractive and customizable tooltips for any element. The QuickTips singleton is used to configure and manage
tooltips globally for multiple elements in a generic manner. To create individual tooltips with maximum customizability,
you should consider either
Tip or
ToolTip .
Quicktips can be configured via tag attributes directly in markup, or by registering quick tips programmatically via the register method.
The singleton's instance of
QuickTip is available via
QuickTips.getQuickTip , and supports all the methods,
and all the all the configuration properties of
QuickTip . These settings will apply to all tooltips shown by the
singleton.
To register a quick tip in markup, you simply add one or more of the valid QuickTip attributes prefixed with the ext:
namespace. The HTML element itself is automatically set as the quick tip target. Here is the summary of supported attributes
(optional unless otherwise noted):
- hide: Specifying "user" is equivalent to setting autoHide = false. Any other value will be the same as autoHide = true.
- qclass: A CSS class to be applied to the quick tip (equivalent to the 'cls' target element config).
- qtip (required): The quick tip text (equivalent to the 'text' target element config).
- qtitle: The quick tip title (equivalent to the 'title' target element config).
- qwidth: The quick tip width (equivalent to the 'width' target element config).
Here is an example of configuring an HTML element to display a tooltip from markup:
// Add a quick tip to an HTML button
<input type="button" value="OK" ext:qtitle="OK Button" ext:qwidth="100" ext:qtip="This is a quick tip from markup!"></input>
| 