New to Kendo UI for jQuery? Start a free 30-day trial

ShowOn

fields

The event on which the tooltip will be shown. The available values are "mouseenter" and "click".

showOn

String

Default: "mouseenter"

<div id="surface"></div>
<script>
var draw = kendo.drawing;
var geom = kendo.geometry;
var surface = draw.Surface.create($("#surface"));

var rect = new draw.Rect(new geom.Rect([20, 20], [80, 40]), {
    fill: { color: "lightblue" },
    stroke: { color: "navy" },
    tooltip: {
        content: "Click to show tooltip",
        showOn: "click"
    }
});

surface.draw(rect);
</script>