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

Bi-directional Connectors

1 Answer 100 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
B
Top achievements
Rank 1
B asked on 09 Jan 2019, 08:50 PM
I'm using the diagram tool for visually displaying a workflow and having a problem with overlapping labels when the connectors are bi-directional.  So for example, if I have 2 nodes (A & B) and A connects to B and B connects to A, the connectors work correctly but the labels overlap.  I'm using a connectionsDataSource so don't really have a lot of control over configuring the connectors in-line.  I'm using a numeric ID for the individual nodes so I should be able to tell if it's a backwards connection, I'm just not sure where to start and how to change where the connectors connect (e.g. the bottom of the item(s) instead of the side.

1 Answer, 1 is accepted

Sort by
0
Tsvetina
Telerik team
answered on 11 Jan 2019, 09:11 AM
Hi,

The connections model in the connectionsDataSource supports fromConnector and toConnector fields. They let you specify which connector should be used in the origin shape to start the connection from and which connector should be used in the target shape to end the connection in.

Here is an example showing how to declare custom connectors (if needed) and what the connection data items should look like if you want to specify which connectors should be used for a given connection:
https://dojo.telerik.com/eSIvESIr


Regards,
Tsvetina
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Diagram
Asked by
B
Top achievements
Rank 1
Answers by
Tsvetina
Telerik team
Share this question
or