showOn String(default: "mouseenter")

The event on which the Popover will be shown.

The supported values are:

  • mouseenter
  • click
  • focus

Example - setting the event on which the Popover will be shown

<span id="target">
  Click Me
</span>

<script>
  $(document).ready(function() {
    $("#target").kendoPopover({
      template: "Content description",
      showOn: "click"
    });
  });
</script>

Example - setting the multiple events on which the Popover will be shown

<span id="target">
  Click Me
</span>

<script>
  $(document).ready(function() {
    $("#target").kendoPopover({
      template: "Content description",
      showOn: "click mouseenter"
    });
  });
</script>
In this article