DiagramEdge.Style Property

Specifies the edge style.

Namespace: DevExpress.Web.ASPxDiagram

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

NuGet Package: DevExpress.Web

Declaration

C#

public string Style { get; set; }

VB.NET

Public Property Style As String

Property Value

Type	Description
String	A string that specifies the style settings.

Remarks

The style settings must be specified as inline style declarations in string format.

ASPX

<dx:ASPxDiagram ID="Diagram" runat="server" Width="100%" Height="600px"
    NodeDataSourceID="FlowNodeDemoDataSource" EdgeDataSourceID="FlowEdgeDemoDataSource"
    OnEdgeDataBound="Diagram_EdgeDataBound">
    <Mappings>
        <Node Key="ID" Type="Type" Width="Width" Height="Height" />
        <Edge Key="ID" FromKey="FromID" ToKey="ToID" Text="Text" />
    </Mappings>
</dx:ASPxDiagram>

C#

protected void Diagram_EdgeDataBound(object sender, DevExpress.Web.ASPxDiagram.DiagramEdgeEventArgs e) {
    if (e.Edge.Text == "No") {
        e.Edge.Style = "stroke: red";
        e.Edge.TextStyle = "fill: red";

    }
    if (e.Edge.Text == "Yes") {
        e.Edge.Style = "stroke: green";
        e.Edge.TextStyle = "fill: green";

    }
}

VB.NET

Protected Sub Diagram_EdgeDataBound(ByVal sender As Object, ByVal e As DevExpress.Web.ASPxDiagram.DiagramEdgeEventArgs)
    If e.Edge.Text = "No" Then
        e.Edge.Style = "stroke: red"
        e.Edge.TextStyle = "fill: red"
    End If

    If e.Edge.Text = "Yes" Then
        e.Edge.Style = "stroke: green"
        e.Edge.TextStyle = "fill: green"
    End If
End Sub