All Components

Components / Popups / Tooltip

Referencing Existing Instances

You can refer to existing Tooltip instance by using its show method.

Once the reference is established, use the Tooltip API to control the behavior of the component.

<div id="vueapp" class="vue-app" style="width: 140px">
    <kendo-tooltip ref="kTooltip"
                   id="agglomerations"
                   :filter="'p'"
                   :width="'140'"
                   :position="'right'">
        <p href="#" title="Peter Anders" id="peter">Peter</p>
        <p href="#" title="Frank Robertson" id="frank">Frank</p>
        <p href="#" title="Michael Daniels" id="michael">Michael</p>
    </kendo-tooltip>
</div>
Vue.use(PopupsInstaller);

new Vue({
        el: '#vueapp',
        mounted () {
            this.$refs.kTooltip.kendoWidget().show(kendo.jQuery('#michael'))
        }
  })
In this article