New to Telerik UI for BlazorStart a free 30-day trial

Controls the outline stroke color, width, and style of shape connector points in their normal state. Use this to customize the border appearance of connector indicators for better visibility and consistency. Example: 1px solid black stroke to clearly delineate connection points from the shape fill.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

C#
public class DiagramShapeConnectorStrokeDescriptor : DataVizChildComponentDescriptor

Inheritance: objectDataVizChildComponentDescriptorDiagramShapeConnectorStrokeDescriptor

Constructors

C#
public DiagramShapeConnectorStrokeDescriptor()

Methods

C#
public Dictionary<string, object> Serialize()
Returns:

Dictionary<string, object>

Properties

Sets the border color of connector elements on shapes. Use any valid CSS color value such as hex codes (e.g., "#2E7D32"), color names (e.g., "darkgreen"), or rgba values. A distinct stroke color helps connectors stand out when users hover over shapes.

C#
public string Color { get; set; }

Sets the line style pattern for connector borders. Solid creates a continuous border (default). Dash creates a dashed border pattern. Dot creates a dotted border pattern. DashDot alternates between dashes and dots. Use solid borders for primary connectors and dashed styles for optional or secondary connection points.

C#
public DashType? DashType { get; set; }

Sets the thickness of connector borders in pixels. For example, 1 creates a thin border, while 2 creates a more visible border. Combine with Color to control connector visibility.

C#
public double? Width { get; set; }