Skip to main content
BuyLog In
ASP.NET Web Forms Controls
Search in…
Docs > Components > Diagram > Data Binding > Diagram Layout
A newer version of this page is available. .
All docs
V20.2
ASP.NET Web Forms Controls
Prerequisites
What's Installed
Get Started
Upgrade to a New Version
Common Concepts
Components
Card View
Chart Control
Data and Image Navigation
Data Editors
Diagram
Data Binding
Node and Edge Data Sources
Self-Referenced Data Structure
Optional Binding Properties
Diagram Layout
Restrict Edit Operations
Keyboard Shortcuts
Security Considerations
Docking and Popups
File Management
Gantt
Gauges
Grid View
HTML Editor
Multi-Use Site Controls
Pivot Grid
Reporting
Rich Text Editor
Scheduler
Site Navigation and Layout
Spell Checker
Spreadsheet
Tree List
Vertical Grid
Query Builder
Redistribution and Deployment
Troubleshooting
Get More Help
.NET Framework API Reference
Client API Reference
Download CHM

Diagram Layout

The control creates a diagram layout based on the Type and Orientation properties. The built-in algorithms include Layered and Tree layouts.

<dx:ASPxDiagram ID="ASPxDiagram1" runat="server">
    <SettingsAutoLayout Type="Layered" Orientation="Vertical" />
    <Mappings>...</Mappings>
</dx:ASPxDiagram>

If the Type property is set to Auto (default value), and both the Left and Top properties are specified, the autolayout feature will be disabled. The control creates a diagram layout based on the provided coordinates. If the position properties are not specified, the Auto type denotes the Layered layout.

If you bind ASPxDiagram to an array of edges (EdgeDataSourceID), you can specify a shape’s connection point where an edge begins (FromPointIndex) and ends (ToPointIndex), and provide additional points for connectors with the Points property.

Shape and edge point coordinates are specified in Units.

Note

If the Type property is set to Layered or Tree, predefined shape coordinates (Left and Top) and edge points (Points) are ignored.