show

Fires when a Tooltip is shown.

Example - subscribing to the show event during initialization

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

<script>
  $(document).ready(function() {
    $("#target").kendoTooltip({
      show: function() {
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log("tooltip is shown");
      }
    });

  });
</script>

Example - subscribing to the 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() {
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log("tooltip is shown");
    });
  });
</script>

Example - forcing 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>