Connector avoid other boxes

[Víctor Manuel Calle Sánchez]

Hi!

I would like to know if it is possible to make a connector avoid going through other boxes in the diagram.

For example, there is a connection between "XOR" and "Revise draft" elements (marked in red), and it is crossing another nodes by the way, so I want to avoid this case:

 

And maybe have something like this:

The point is that I would like to achieve this by putting some property in the JSON generated by Syncfusion for a diagram. I'm developing one program so I can generate the JSON necessary for Syncfusion to represent some diagrams and then start working with them, but for the first time I will generate the JSON. So I want to know if there is a way to put something in this JSON so problem with connections won't happen.

Thank you in advance.

[Shyam G]

Hi Victor, 

Please use LineRouting feature to avoid the connector overlapping on the nodes. We have created a sample in which we have set DiagramConstraints as LineRouting and also inject the LineRouting Module. Please refer to a below code example and the sample below. 

Code example: 

<DiagramComponent id="diagram" ref={diagram => (diagramInstance = diagram)} width={"100%"} height={"499px"} snapSettings={{ constraints: SnapConstraints.None }} constraints={DiagramConstraints.Default | DiagramConstraints.LineRouting} nodes={nodes} connectors={connectors} > 

              <Inject services={[LineRouting]}/> 

            </DiagramComponent> 

Sample: https://stackblitz.com/edit/react-qpdgcs-amat4f?file=index.js 

Regards, 

Shyam G