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.
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.
as-module	Boolean
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
script-attributes	IDictionary<String,Object>
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.