ASPxDiagram.SettingsAutoLayout Property

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

Namespace: DevExpress.Web.ASPxDiagram

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

NuGet Package: DevExpress.Web

Declaration

C#

public DiagramAutoLayoutSettings SettingsAutoLayout { get; }

VB.NET

Public ReadOnly Property SettingsAutoLayout As DiagramAutoLayoutSettings

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.

ASPX

<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.

Run Demo: Node and Edge Data Sources