Skip to main content
All docs
V25.1
  • ASPxDiagram.SettingsAutoLayout Property

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

    Namespace: DevExpress.Web.ASPxDiagram

    Assembly: DevExpress.Web.ASPxDiagram.v25.1.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