DiagramAutoLayoutSettings.Type Property

Specifies the diagram layout type.

Namespace: DevExpress.Web.ASPxDiagram

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

Declaration

C#

[DefaultValue(DiagramAutoLayout.Auto)]
public DiagramAutoLayout Type { get; set; }

VB.NET

<DefaultValue(DiagramAutoLayout.Auto)>
Public Property Type As DiagramAutoLayout

Property Value

Type	Default	Description
DiagramAutoLayout	**Auto**	The layout type.

Available values:

Name	Description
Auto	An auto-layout is disabled if the both shape coordinates (Left and Top) are specified; otherwise, the Tree layout is applied.
Tree	The tree layout.
Layered	The layered (Sugiyama-style) layout.

Property Paths

You can access this nested property as listed below:

Object Type	Path to Type
ASPxDiagram	.SettingsAutoLayout.Type
DiagramSettings	.SettingsAutoLayout.Type
MVCxDiagram	.SettingsAutoLayout.Type

Remarks

Note

When the Type property is set to Layered or Tree the shape coordinates specified by the Left and Top properties are ignored.

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>

Online Demo

Diagram - Node and Edge Data Sources