Tooltip

Example

Razor

<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-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
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.
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.
content	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.
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-url	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.
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	The name of the JavaScript function that will handle the contentLoad event. Fires when an AJAX request for the content completes.
on-error	String	The name of the JavaScript function that will handle the error event. Fires when an AJAX request for content fails.
on-hide	String	The name of the JavaScript function that will handle the hide event. Fires when a Tooltip is hidden.
on-request-start	String	The name of the JavaScript function that will handle the requestStart event. 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	The name of the JavaScript function that will handle the show event. 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.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
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.
width	Double	The width (in pixels) of the Tooltip.