All docs
V21.2
21.2
21.1
20.2
20.1
19.2
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.

ASPxDiagram.SettingsAutoLayout Property

Specifies an auto-layout algorithm that the control uses to build a diagram.

Namespace: DevExpress.Web.ASPxDiagram

Assembly: DevExpress.Web.ASPxDiagram.v21.2.dll

Declaration

public DiagramAutoLayoutSettings SettingsAutoLayout { get; }

Property Value

Type Description
DiagramAutoLayoutSettings

An object that contains the auto-layout settings.

Remarks

Use the SettingsAutoLayout property to specify an auto-layout algorithm (Type) and orientation (Orientation) that are used to automatically arrange shapes.

<dx:ASPxDiagram ID="Diagram" runat="server" Width="100%" Height="600px" Units="Px"
    NodeDataSourceID="FlowNodeDemoDataSource" EdgeDataSourceID="FlowEdgeDemoDataSource" >
    <SettingsAutoLayout Type="Layered" Orientation="Vertical" />
    <Mappings>
        <Node Key="ID" Type="Type" Width="Width" Height="Height" />
        <Edge Key="ID" FromKey="FromID" ToKey="ToID" Text="Text" />
    </Mappings>
</dx:ASPxDiagram>

Users can select a diagram’s item (shape or connector) and click a command on the Layout tab of the Properties Panel to apply an automatic layout and change the orientation of the diagram.

Diagram - Layout Tab

Run Demo: Node and Edge Data Sources

See Also