DiagramNodeMappingInfo.Top Property
Specifies the name of a data source field that provides the y-coordinate of a node's top border.
Namespace: DevExpress.Web.ASPxDiagram
Assembly: DevExpress.Web.ASPxDiagram.v20.2.dll
Declaration
[DefaultValue("")]
public string Top { get; set; }<DefaultValue("")>
Public Property Top As StringProperty Value
| Type | Default | Description |
|---|---|---|
| String | The field name. |
Remarks
A node's y-coordinate specifies the distance between the top border of a diagram work area and the top 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 Top property to customize the y-coordinate of a node after it is bound to a data source (in the NodeDataBound event).
Online Demo
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
Feedback