-
Notifications
You must be signed in to change notification settings - Fork 4
ToolTiper
Eric edited this page Sep 18, 2018
·
12 revisions
(to do: add file of this)
OGX.ToolTiper is a simple component to create tooltips/help bubbles.
For the following example, please consider this HTML markup
<div data-tip="Hello!"></div>
<div data-tip="Whatever!"></div>
Now instantiate the component
let config = {
container:'parent(0)', //Optional, the parent container relative to the item where the tip will be prepend to
data:'tip', //The name of the data attribute holding the text for the tool tip
template:_HTML_STRING_ //Optional, the template to use for the tool tip
};
let tooltiper = new OGX.ToolTiper(config);
Other optional attributes
<div data-tip="Hello!" data-tip-offx="30" data-tip-offy="15" data-tip-container="parent(0)"></div>
tooltiper.destroy();
- Welcome
- Changelog
- Structure
- Configuration
- Getting started
- CLI
- Poly
- Core
- Templating
- Routing
- Controllers
- Components
- Extra Components
- Helpers
- Styling
- Debugging