All Components

Multiple Targets

The Tooltip enables you to display it for multiple targets.

By default, the Tooltip extracts its content from the title attribute of the target element.

The following example demonstrates how to create a Tooltip for multiple targets.

<div id="vueapp" class="vue-app">
    <kendo-tooltip ref="kTooltip" id="agglomerations" :filter="'span'" :width="'120'" :position="'bottom'">
        <span href="#" title="Los Angeles - 17,100,000" id="losangeles">Los Angeles</span>
        <span href="#" title="Osaka - 16,800,000" id="osaka">Osaka</span>
        <span href="#" title="Moscow - 16,200,000" id="moscow">Moscow</span>
    </kendo-tooltip>
</div>
Vue.use(PopupsInstaller);
new Vue({
       el: '#vueapp'
 })
In this article