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.

DiagramEdgeMappingInfo.ZIndex Property

Specifies the name of a data source field that provides an edge’s z-index.

Namespace: DevExpress.Web.ASPxDiagram

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

Declaration

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

Property Value

Type Default Description
String

String.Empty

The field name.

Remarks

The z-index specifies the edge stack order. An edge with greater stack order is in front of an edge with a lower stack order.

Tip

Use the ZIndex property to customize the z-index of an edge after it is bound to a data source (in the EdgeDataBound 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