Tooltip

Example

<kendo-tooltip>
    <popup-animation></popup-animation>
    <tooltip-content-template></tooltip-content-template>
</kendo-tooltip>

ChildTags

Tag Name Details
popup-animation TooltipPopupAnimationSettingsTagHelper
tooltip-content-template TemplateTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
as-child-component Boolean
content-handler String The function which result will be shown within the Tooltip. By default the Tooltip will display the target element title attribute content.
content-template-id String Sets the id of kendo template which will be used as tooltip content. By default the Tooltip will display the target element title attribute content.
content-url String The url which result will be shown within the Tooltip. By default the Tooltip will display the target element title attribute content.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
auto-hide Boolean Specifies if the Tooltip will be hidden when the mouse leaves the target element. If set to false, a Close button will be shown within Tooltip. If set to false, showAfter is specified, and showOn is set to mouseenter, the Tooltip will be displayed after the given timeout even if the element is no longer hovered.
callout Boolean Specifies if the Tooltip callout will be displayed.
content String The url which result will be shown within the Tooltip. By default the Tooltip will display the target element title attribute content.
filter String Specifies a selector for the elements within the container which will display the Tooltip.
has-client-component Boolean
height Double The height (in pixels) of the Tooltip.
hide-after Double Specifies the delay (in milliseconds) before the Tooltip is hidden.
iframe Boolean Explicitly states whether a content iframe will be created.
offset Double Specifies the offset (in pixels) between the Tooltip and the anchor. If the callout property is set to true, the offset is rendered from the callout arrow. If the callout property is set to false, the offset is rendered from the content of the Tooltip.
on-content-load String Fires when an AJAX request for the content completes.
on-error String Fires when an AJAX request for content fails.
on-hide String Fires when a Tooltip is hidden.
on-request-start String Fires before an AJAX request starts. Note that this event is triggered only when an AJAX request is used instead of an iframe.
on-show String Fires when a Tooltip is shown.
position String The position that is relative to the target element at which the Tooltip will be shown.The supported values are: bottom; top; left; right or center.
sanitize-id Boolean
show-after Double Specifies the delay (in milliseconds) before the Tooltip shows. This option is ignored if showOn is set to click or focus.
show-on String The event on which the Tooltip will be shown.The supported values are: mouseenter; click or focus.
templates IDictionary<String,String>
width Double The width (in pixels) of the Tooltip.
In this article
Not finding the help you need?