Hi,
Right, I see what you mean now. I guess we can use the Popup component and show it on demand as the user hovers the shapes.
The Popup is the base component for the Window and Tooltip components and is not public itself. That said, its API is stable and will be published soon.
shapeMouseEnter: function(e) {
var oe = e.originalEvent;
var x = oe.pageX || oi.clientX;
var y = oe.pageY || oi.clientY;
var name = e.shape.dataItem.properties.name;
popup.element.html(name);
popup.open(x, y);
},
shapeMouseLeave: function(e) {
if (!$(e.originalEvent.relatedTarget).is(".k-popup, .k-animation-container")) {
popup.close();
// Necessary to stop the animations,
// will be fixed in future versions
popup.element.kendoStop(true, true);
}
}
Live demo
Note that we're specifically checking if the mouse is moved over the popup. It shouldn't be closed in this case.
I hope this helps.
Regards,
T. Tsonev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework -
download Kendo UI now!