TooltipDirective
Represents the Kendo UI Tooltip directive for Angular. Displays additional information related to an element.
<div kendoTooltip>
<button kendoButton title="Save">Save</button>
</div>
Selector
[kendoTooltip]
Export Name
Accessible in templates as #kendoTooltipInstance="kendoTooltip"
Inputs
Name | Type | Default | Description |
---|---|---|---|
callout |
|
|
Determines if the Tooltip displays a callout arrow. |
closable |
|
|
Determines if the Tooltip displays a Close button. See example. |
closeTitle |
|
Sets 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 that display a tooltip
(see example). The possible values include any
DOM |
offset |
|
|
Specifies the offset in pixels between the Tooltip and the anchor.
If the |
position |
|
|
Specifies the position of the Tooltip relative to the anchor element (see example). |
showAfter |
|
|
Specifies the delay in milliseconds before the Tooltip is shown. |
showOn |
|
Specifies the mouse action that triggers the Tooltip to show. See example. | |
titleTemplate? |
|
Sets the template for the tooltip header title. See example. | |
tooltipClass |
|
Sets a CSS class for the Tooltip. | |
tooltipHeight |
|
Sets the height of the Tooltip. | |
tooltipTemplate |
|
Sets a custom content template for the Tooltip. The template is rendered inside the Tooltip content area. See example. | |
tooltipWidth |
|
Sets the width of the Tooltip. See example. |
Methods
hide |
---|
Hides the Tooltip. |
show | ||||||
---|---|---|---|---|---|---|
Shows the Tooltip. | ||||||
|
toggle | |||||||||
---|---|---|---|---|---|---|---|---|---|
Toggles the visibility of the Tooltip. | |||||||||
|