New to Telerik UI for Blazor? Start a free 30-day trial

DiagramConnectionStrokeDescriptor

Class

Controls the default stroke color, width, dash pattern, and style of diagram connection lines. Use this to customize the appearance of connection outlines in their normal (non-hover, non-selected) state. Example: Set width to 2px with a "#2C3E50" color for standard connections, or use dashed lines for different relationship types.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

public class DiagramConnectionStrokeDescriptor : DataVizChildComponentDescriptor

Inheritance: objectDataVizChildComponentDescriptorDiagramConnectionStrokeDescriptor

Constructors

DiagramConnectionStrokeDescriptor()

public DiagramConnectionStrokeDescriptor()

Methods

Serialize()

Dictionary<string, object>

public Dictionary<string, object> Serialize()

Returns:

Dictionary<string, object>

Properties

Color

string

Sets the line color of the connection between shapes. Use any valid CSS color value such as hex codes (e.g., "#666666"), color names (e.g., "gray"), or rgba values. This property controls the color of the connecting line, independent of arrow caps set by DiagramConnectionEndCapDescriptor and DiagramConnectionStartCapDescriptor.

public string Color { get; set; }

Width

double?

Sets the thickness of the connection line in pixels. For example, 1 creates a thin connection line (default), while 3 creates a thicker, more prominent line. Line width affects the visual weight of connections in the diagram hierarchy.

public double? Width { get; set; }