Skip to main content

DiagramNodeMappingInfo.Left Property

Specifies the name of a data source field that provides the x-coordinate of a node’s left border.

Namespace: DevExpress.Web.ASPxDiagram

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

NuGet Package: DevExpress.Web


public string Left { get; set; }

Property Value

Type Default Description
String String.Empty

The field name.


A node’s x-coordinate specifies the distance between the left border of a diagram work area and the left border of a shape, in Units.


Shape coordinates specified by the Left and Top properties are ignored when the SettingsAutoLayout.Type property is set to Layered or Tree.


Use the Left property to customize the x-coordinate of a node after it is bound to a data source (in the NodeDataBound event).

Online Demo

Diagram - Data Binding


<dx:ASPxDiagram ID="Diagram" runat="server" Width="100%" Height="600px" Units="Px"
    NodeDataSourceID="FlowNodeDemoDataSource" EdgeDataSourceID="FlowEdgeDemoDataSource" >
    <SettingsAutoLayout Type="Layered" Orientation="Vertical" />
        <Node Key="ID" Type="Type" Width="Width" Height="Height" Left="Left" Locked="Locked" Style="Style" 
        Text="Text" TextStyle="TextStyle" Top="Top" ZIndex="ZIndex"/>
        <Edge Key="ID" FromKey="FromID" ToKey="ToID" Text="Text" FromLineEnd="StartTip" FromPointIndex="StartPoint" 
        LineType="Type" Locked="Locked" Style="Style" TextStyle="TextStyle" ToLineEnd="EndTip" 
        ToPointIndex= "EndPoint" ZIndex="ZIndex"/>
See Also