Connect to upper port of target

[Fabrizio Alessandro]

Hello,

I have a Top-to-Bottom digram and I'm trying to connect a node to another node, making the connector starting from the bottom side of the source and ending in the top side of the target, the result will be a "loop".

Is this possible to achieve?

This is my diagram layout manager:

public LayoutManager LayoutManager { get; set; } = new LayoutManager()

        {

            Layout = new DirectedTreeLayout()

            {

                Type = LayoutType.Hierarchical,

                Orientation = TreeOrientation.TopToBottom,

                AvoidSegmentOverlapping = true,

                HorizontalSpacing = 150,

                VerticalSpacing = 50

            },

            RefreshFrequency = RefreshFrequency.ArrangeParsing

        };

Thank you

[Karkuvel Rajan Shanmugavel]

Hi Fabrizio, 

 

Thanks for contacting Syncfusion support. 

 

Requirement : Need to create a diagram with nodes and connectors in loop like structure. 

 

In SfDiagram the default behavior is the same as your requirement that the connection will be made from the bottom of source node to the top of the target node for the “TopToBottom” Layout. But the statement “the result will be loop” is not clear for us. Please elaborate your requirement with any images or videos that will help us to provide appropriate solution.  

 

Please find more details about layouts and data source in below link. 

 

Layout : https://help.syncfusion.com/wpf/diagram/automatic-layouts 

 

Data Source : https://help.syncfusion.com/wpf/diagram/datasource 

 

Regards, 

Karkuvel Rajan S 

[Fabrizio Alessandro]

Hello,

Thanks for your reply, I'm attaching an image of the result I would like to get, I hope it is clearer.

In the picture the green line is the connector that I'm not able to create.

The diagram DataSource is a collection of items which have an Id and a list of ParentIds.

Thank you

Attachment: Diagram_52fb5aa3.zip

[Karkuvel Rajan Shanmugavel]

Hi Fabrizio, 

 

Requirement : Need to create a diagram with nodes and connectors in loop like structure. 

 

As per the provided screenshot we suspect that you have try to create a flowchart with nodes and connectors. SfDiagram has the support to create flowchart with nodes and connectors. In flowchart we have support for decision  symbol which denotes the question that can be answered in binary format (Yes/No, True/False). The output direction of the decision symbol can be controlled by the direction of “Yes” and “No” branches using the YesBranchDirection and NoBranchDirection properties of Flowchart Layout class. As per our behavior, the connector can start from either left or right side of the source node and connected to left or right side of the target node. 

 

Please find more details about flowchart layout and it’s data source settings in below link. 

 

Flowchart Layout : https://help.syncfusion.com/wpf/diagram/automatic-layouts#flowchart-layout 

 

Flowchart DataSourceSettings : https://help.syncfusion.com/wpf/diagram/datasource#flowchartdatasourcesettings 

 

Please find the demo sample for your requirement in below link. 

 

Sample Link : https://github.com/syncfusion/wpf-demos/tree/master/Diagram/Automatic%20Layout/Flowchart%20Layout 

 

Regards, 

Karkuvel Rajan S