aspnet-devexpress-dot-web-dot-aspxdiagram-dot-aspxdiagram-b0155087.md
Specifies an auto-layout algorithm that the control uses to build a diagram.
Namespace : DevExpress.Web.ASPxDiagram
Assembly : DevExpress.Web.ASPxDiagram.v25.2.dll
NuGet Package : DevExpress.Web
public DiagramAutoLayoutSettings SettingsAutoLayout { get; }
Public ReadOnly Property SettingsAutoLayout As DiagramAutoLayoutSettings
| Type | Description |
|---|---|
| DiagramAutoLayoutSettings |
An object that contains the auto-layout settings.
|
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.
Run Demo: Node and Edge Data Sources
See Also