New to Kendo UI for Angular? Start a free 30-day trial

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 commafor 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.

Example
View Source
Edit In Stackblitz  
Change Theme:

You can render a header title for the Tooltip content by binding the titleTemplate property to a TemplateRef object.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?