Edit this page

connections.hover Object

Defines the hover configuration.

Example - configuring the connection hovered look

<div id="diagram"></div>
<script>
  $("#diagram").kendoDiagram({
    shapes:[
      {
        id:"1",
        content:{
          text: "State 1"
        },
        x: 20,
        y: 20
      },
      {
        id:"2",
        content: {
          text: "State 2"
        },
        x: 300,
        y: 20
      }
    ],
    connections:[
      {
        from: "1",
        to: "2",
        content: {
          text: "Step 1"
        },
        hover: {
          stroke: {color: "red"}
        }
      }
    ]
  });
</script>

connections.hover.stroke Object

Defines the hover stroke configuration.

connections.hover.stroke.color String (default: "#70CAFF")

Defines the highlight color when the pointer is hovering over the connection.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy