[]
DEMOS DOCS API
DOWNLOAD NEED HELP? BOOK DEMO
(Showing Draft Content)

WjTooltip Class

WjTooltip Class

Angular 2 directive for the Tooltip class.

Use the wjTooltip directive to add tooltips to elements on the page. The wjTooltip directive supports HTML content, smart positioning, and touch.

The wjTooltip directive is specified as an attribute added to the element that the tooltip applies to. The parameter value is the tooltip text or the id of an element that contains the text.

You can also specify the following additional properties for the tooltip:

  • wjTooltipPosition - represents the Tooltip.position property. For example:
    <p [wjTooltip]="'Just a string'">
  Paragraph with a string tooltip.
</p>
<p [wjTooltip]="'#fineprint'" [wjTooltipPosition]="'Left'">
  Paragraph with a tooltip defined as an element.
</p>
...
<div id="fineprint" style="display:none">
<h3>Important Note</h3>
<p>
  Data for the current quarter is estimated
  by pro-rating etc.</p>
</div>

Heirarchy

  • WjTooltip

Properties

Methods

Properties

initialized

initialized: EventEmitter<any>

This event is triggered after the component has been initialized by Angular, that is all bound properties have been assigned and child components (if any) have been initialized.

isInitialized

isInitialized: boolean

Indicates whether the component has been initialized by Angular. Changes its value from false to true right before triggering the initialized event.

Methods

created

  • created(): void

  • If you create a custom component inherited from a Wijmo component, you can override this method and perform necessary initializations that you usually do in a class constructor. This method is called in the last line of a Wijmo component constructor and allows you to not declare your custom component's constructor at all, thus preventing you from a necessity to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.

    Returns void