Tooltip

Example

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

ChildTags

Tag NameDetails
popup-animationTooltipPopupAnimationSettingsTagHelper
tooltip-content-templateTemplateTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
content-handlerStringThe function which result will be shown within the Tooltip. By default the Tooltip will display the target element title attribute content.
content-template-idStringSets 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-urlStringThe url which result will be shown within the Tooltip. By default the Tooltip will display the target element title attribute content.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-moduleBoolean
auto-hideBooleanSpecifies 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.
calloutBooleanSpecifies if the Tooltip callout will be displayed.
contentStringThe url which result will be shown within the Tooltip. By default the Tooltip will display the target element title attribute content.
filterStringSpecifies a selector for the elements within the container which will display the Tooltip.
has-client-componentBoolean
heightDoubleThe height (in pixels) of the Tooltip.
hide-afterDoubleSpecifies the delay (in milliseconds) before the Tooltip is hidden.
iframeBooleanExplicitly states whether a content iframe will be created.
offsetDoubleSpecifies 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-loadStringFires when an AJAX request for the content completes.
on-errorStringFires when an AJAX request for content fails.
on-hideStringFires when a Tooltip is hidden.
on-request-startStringFires before an AJAX request starts. Note that this event is triggered only when an AJAX request is used instead of an iframe.
on-showStringFires when a Tooltip is shown.
positionStringThe 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-idBoolean
script-attributesIDictionary<String,Object>
show-afterDoubleSpecifies the delay (in milliseconds) before the Tooltip shows. This option is ignored if showOn is set to click or focus.
show-onStringThe event on which the Tooltip will be shown.The supported values are: mouseenter; click or focus.
widthDoubleThe width (in pixels) of the Tooltip.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support