New to Kendo UI for AngularStart 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 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.

Change Theme
Theme
Loading ...

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

Change Theme
Theme
Loading ...
In this article
Suggested Links
Not finding the help you need?
Contact Support