The position relative to the target shape, at which the Tooltip will be shown. Predefined values are:

• "top" - the tooltip will be shown above the shape.
• "bottom" - the tooltip will be shown below the shape.
• "left" - the tooltip will be shown on the left side of the shape.
• "right" - the tooltip will be shown on the right side of the shape.
• "cursor" - the tooltip will be shown on top of the current cursor position.

Example

<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([50, 50], [80, 40]), {
    fill: { color: "green" },
    tooltip: {
        content: "Positioned tooltip",
        position: "bottom"
    }
});

surface.draw(rect);
</script>