Edit this page

shapes.editable.connect Boolean (default: true)

Specifies whether the connectors should appear on hover. If set to false, the user will not be able to create new connections from this shape to other shapes. Also, it will not be possible to change the connector of an existing connection between this and another shape.

Example - disabling connectors for a shape in the Diagram

<div id="diagram"></div>
<script>
  $("#diagram").kendoDiagram({
    shapes: [{
      id: "1",
      content: {
        text: "Day 1"
      },
      editable: {
        connect: false
      },
      x: 100,
      y: 20
    }, {
      id: "2",
      content: {
        text: "Day 2"
      },
      x: 450,
      y: 20
    }, {
      id: "3",
      content: {
        text: "Day 3"
      },
      x: 250,
      y: 200
    }],
    connections: [{
      from: "1",
      to: "2"
    },{
      from: "2",
      to: "3"
    }],
    connectionDefaults: {
      endCap: "ArrowEnd"
    }
  });
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy