Skip to main content
All docs
V25.1
  • 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.v25.1.dll

    Declaration

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

    Property Value

    Type Default Description
    String String.Empty

    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

    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