All docs
V20.2
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

Diagram Layout

The control creates a diagram layout based on the Type and Orientation properties. The built-in algorithms include Layered and Tree layouts.

<dx:ASPxDiagram ID="ASPxDiagram1" runat="server">
    <SettingsAutoLayout Type="Layered" Orientation="Vertical" />
    <Mappings>...</Mappings>
</dx:ASPxDiagram>

If the Type property is set to Auto (default value), and both the Left and Top properties are specified, the autolayout feature will be disabled. The control creates a diagram layout based on the provided coordinates. If the position properties are not specified, the Auto type denotes the Layered layout.

If you bind ASPxDiagram to an array of edges (EdgeDataSourceID), you can specify a shape's connection point where an edge begins (FromPointIndex) and ends (ToPointIndex), and provide additional points for connectors with the Points property.

Shape and edge point coordinates are specified in Units.

NOTE

If the Type property is set to Layered or Tree, predefined shape coordinates (Left and Top) and edge points (Points) are ignored.