Node Linking

Essential Diagram comes with built-in shapes that let you link diagram nodes illustrating work flow.

Connector or Link is a special node used to connect one or more nodes and illustrate a logical flow or connection between nodes in a diagram.

The head and tail port let you connect each end to a specific node. Setting up such a connection will keep the connectors docked to the nodes when the nodes get moved around. The connector types supported by the Diagram Web Control are Line and Orthogonal connectors.

Connectors in the form of line, polyline, spline and bezier curves are also supported. Diagrams with custom links can also be rendered.

End -point decorators can be added to all line nodes and connectors. There are a number of options available for the head and tail decorators. These have been illustrated below:

The Diagram Web Control offers built-in support for automatic line routing and bridging of links. The Line Routing functionality uses a highly optimized routing strategy to automatically route links around existing diagram nodes. The Line Bridging feature creates a bridge for links to smartly cross over other links at intersections. Bridge styles such as arc and square are available for connectors in diagram.

When a link is created between two nodes and Line Routing is enabled, the line router determines the optimal path with fewest obstacles and generates it. Custom routing strategies can also be implemented.

A Port in a diagram is an object that is used to establish connection between the Node and the Connector.

Port Types

The following three types of ports are offered by Diagram Web Control.

• Incoming Outgoing - allows links to and from nodes
• Outgoing - allows links only from nodes
• Incoming - allows links only to nodes

Port Appearance

The port appearance can be customized with various styles as listed below:

• CirclePort
• XPort
• TrianglePort
• SquarePort
• RhombPort
• Custom