We're sorry. We cannot find any matches for your search term.

Example of Ports in Blazor Diagram Component

Diagram / Getting Started / Ports

This sample visualizes the process of publishing a book using connection points. Connection points are static points over the shapes used to create connections between the shapes. Customizing the size and appearance of the connection points is illustrated in this example.

Loading Syncfusion Blazor Server Demos…

Properties

Visibility

Shape

Stroke Width

Size

Fill Color

Stroke Color

Connection Direction

This example shows how to add connection points to shapes. The Ports property of the node defines the static connection ports. The Offset, HorizontalAlignment, VerticalAlignment, and Margin properties of the port define its position.

The Style property is used to customize its appearance. The Visibility property can be used to define when the connection ports should be visible.

The ConnectionDirection property controls the direction for connections to the port. By default, the direction of the connection is automatically assigned based on the port's position and the direction of the connector's other endpoint. But the connection-direction can be set with a specific direction.