All docs
V21.2
21.2
21.1
20.2
20.1
19.2
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

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.v21.2.dll

Declaration

[DefaultValue("")]
public string Left { get; set; }

Property Value

Type Default Description
String

String.Empty

The field name.

Remarks

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.

Note

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

Tip

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

Example

<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" 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"/>
    </Mappings>
</dx:ASPxDiagram>
See Also