Skip to main content
BuyLog In
ASP.NET Web Forms Controls
Search in…
Docs > Components > Diagram > Bind to Data > Diagram Layout
All docs
V24.1
ASP.NET Web Forms Controls
Prerequisites
Supported Browsers
What's Installed
Get Started
Upgrade to a New Version
Common Concepts
Components
Card View
Chart Control
Data and Image Navigation
Data Editors
Diagram
Bind to Data
Node and Edge Data Sources
Self-Referenced Data Structure
Optional Binding Properties
Diagram Layout
Restrict Edit Operations
Keyboard Shortcuts
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
Security Considerations
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 is disabled. In this case, the control creates a diagram layout based on the specified 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 supply additional connector points with the Points property.

Shape and edge point coordinates are specified in Units.

Note

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