Anchor Elements
You can specify which elements (anchors) will render a tooltip.
To define which elements inside the kendoTooltip
container will display a tooltip, set the filter
property to а CSS selector string that matches these elements. For example, if you set filter="button.primary"
, the tooltip will appear on button
elements with a class="primary"
setting. If you set filter="div[data-url]"
, the tooltip will appear on div
elements with a data-url
attribute. By default, the filter
property is set to the [title]
selector which matches all elements with a title
attribute.
To specify multiple types of elements as anchors, separate them with a comma—for example, filter="a[href],button[title]"
. The default tooltip template will render only the content from the title
attribute of the anchor. You can change this behavior by applying the content templates.
You can render a header title for the Tooltip content by binding the titleTemplate
property to a TemplateRef
object.