Edit this page

show

Triggered when a Tooltip is shown.

Example - subscribe to "show" event during initialization

<span id="target" title="Tooltip content">
  Some content
</span>

<script>
  $(document).ready(function() {
    $("#target").kendoTooltip({
      show: function() {
        console.log("tooltip is shown");
      }
    });

  });
</script>

Example - subscribe to "show" event after initialization

<span id="target" title="Tooltip content">
  Some content
</span>

<script>
  $(document).ready(function() {
    var tooltip = $("#target").kendoTooltip({
    }).data("kendoTooltip");

    tooltip.bind("show", function() {
      console.log("tooltip is shown");
    });
  });
</script>

Example - force refresh every time the Tooltip is shown

<div id="container">
  <span id="target" title="Tooltip content">Tooltip target</span>
</div>

<script>
  $(document).ready(function() {
    $("#container").kendoTooltip({
      filter: "span",
      position: "right",
      content: function() {
        return "last time refreshed: " + kendo.format("{0:T}", new Date());
      },
      show: function() {
        this.refresh();
      }
    });
  });
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy