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

Shared

fields

Specifies if the same tooltip should be used for elements within a group or multipath. If set to true, the group or multipath bounding box will be used for the position and the tooltip will not be hidden and shown when moving from one element to another.

shared

Boolean

Default: false

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

var group = new draw.Group({
    tooltip: {
        content: "Shared tooltip for group",
        shared: true
    }
});

var rect1 = new draw.Rect(new geom.Rect([10, 10], [30, 30]), {
    fill: { color: "blue" }
});

var rect2 = new draw.Rect(new geom.Rect([50, 10], [30, 30]), {
    fill: { color: "red" }
});

group.append(rect1, rect2);
surface.draw(group);
</script>