TooltipDirective
Represents the Kendo UI Tooltip directive for Angular. Used to display additional information that is related to an element.
<div kendoTooltip>
<a title="Tooltip title" href="foo">foo</a>
</div>
Selector
[kendoTooltip]
Export Name
Accessible in templates as #kendoTooltipInstance="kendoTooltip"
Inputs
Name | Type | Default | Description |
---|---|---|---|
callout |
| Specifies if the Тooltip will display a callout arrow. The possible values are:
| |
closable |
| Specifies if the Тooltip will display a Close button (see example). The possible values are:
| |
closeTitle |
| Specifies the title of the close button. | |
collision |
| Provides screen boundary detection when the Тooltip is shown. | |
filter |
| Specifies a selector for elements within a container which will display a tooltip
(see example). The possible values include any
DOM | |
offset |
| Specifies the offset in pixels between the Tooltip and the anchor. Defaults to | |
position |
| Specifies the position of the Tooltip that is relative to the anchor element (see example). The possible values are:
| |
showAfter |
| Specifies the delay in milliseconds before the Tooltip is shown.
| |
showOn |
| Specifies when the Тooltip will be rendered (see example). The possible values are:
| |
titleTemplate? |
| Renders the passed template as a header title of the Tooltip (see example). | |
tooltipClass |
| Specifies a CSS class that will be added to the Tooltip. | |
tooltipHeight |
| Specifies the height of the Тooltip. | |
tooltipWidth |
| Specifies the width of the Тooltip (see example). | |
tooltipTemplate |
| Sets the content of the Tooltip as a template reference (see example). |
Methods
hide |
---|
Hides the Tooltip. |
show | ||||||
---|---|---|---|---|---|---|
Shows the Tooltip. | ||||||
|
toggle | |||||||||
---|---|---|---|---|---|---|---|---|---|
Toggle visibility of the Tooltip. | |||||||||
|