Is there a way to keep connectors visible even without hover the diagram shape?

[Rodrigo]

Get the example diagram in https://dojo.telerik.com/oNOJidug from example in Diagram Connections page reference

With the basic configuration:

$("#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"
        },
        stroke: {
            color: "#33ccff"
        }
      }
    ]
  });

 

My question is, is there a way to keep the connectors of both shapes visible without need to keep mouse hover? 

 

I want this:

instead of:

 

[Rodrigo]

I had more work to do that, but I can create an workaround by just adding a visual template function to "shapeDefaults" where I can create an rectangle/circle in the same position of connectors, and make connectors invisible with width: 0, so visibly, the "connectors" are always shown.

 

 

[Nikolay]

Hi Rodrigo,

That is a valid solution to this specific scenario. Feel free to share the code with the community so others can also benefit from it.

Bets regards,

Nikolay

[Nikolay]

Hello Rodrigo,

I am afraid the current API does not allow such configurations and furthermore, the connectors are designed to show only when a shape gets hovered. 

If this is an important feature for you I suggest submitting a feature request in the Feedback portal. We regularly monitor the items and those that gain lots of popularity are usually included in the RoadMap.

• https://feedback.telerik.com/kendo-jquery-ui

Regards,
Nikolay
Progress Telerik