This is a migrated thread and some comments may be shown as answers.

Add Group/TextBlock

7 Answers 429 Views

Diagram

This is a migrated thread and some comments may be shown as answers.

7 Answers, 1 is accepted

answered on 04 Aug 2014, 03:14 PM

Thanks. That seemed to fix the issue somewhat. I tried modifying your sample app (http://demos.telerik.com/kendo-ui/html5-diagram-sample-app) to allow dropping of groups on the canvas. The shape is dropped on the canvas successfully, but when I try to drag the new shape around, I get the errors. The error and my code for the drop event below:

TypeError: shape.stroke is undefined
http://localhost:52352/diagram
Line 630

TypeError: this.startPoint is undefined
http://localhost:52352/Scripts/kendo/2014.2.716/kendo.all.min.js
Line 57

$("#diagram").kendoDropTarget({
drop: function (e) {
var item, pos, transformed;
if (e.draggable.hint) {
item = e.draggable.hint.data("shape");
pos = e.draggable.hintOffset;
pos = new Point(pos.left, pos.top);
var transformed = diagram.documentToModel(pos);
item.x = transformed.x;
item.y = transformed.y;

var shape = new kendo.dataviz.diagram.Shape(item);

var tb = new kendo.dataviz.diagram.TextBlock({
text: "Sample text",
x: 10,
y: 10,
color: "red",
fontSize: 30
});

shape.visual.append(tb);

diagram.addShape(shape);
}
}
});