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

Controls the outline stroke color, width, dash pattern, and style of diagram shape borders. Use this to customize the appearance of shape outlines in their normal (non-hover, non-selected) state. Example: Set width to 2px with a "#34495E" color for standard shapes, or use dashed borders to indicate different entity types.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

C#
public class DiagramShapeStrokeDescriptor : DataVizChildComponentDescriptor

Inheritance: objectDataVizChildComponentDescriptorDiagramShapeStrokeDescriptor

Constructors

C#
public DiagramShapeStrokeDescriptor()

Methods

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

Dictionary<string, object>

Properties

Sets the border color of the shape outline. Use any valid CSS color value such as hex codes (e.g., "#0078D4"), color names (e.g., "blue"), or rgba values. This property defines the outline color of the shape, distinct from the fill color set by Color.

C#
public string Color { get; set; }

Sets the line style pattern for the shape border. Solid creates a continuous line (default). Dash creates a dashed line pattern. Dot creates a dotted line pattern. DashDot alternates between dashes and dots. LongDash creates longer dashes. LongDashDot alternates between long dashes and dots. LongDashDotDot alternates between long dashes and two dots. Use dashed or dotted styles to indicate provisional, temporary, or secondary shapes.

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

Sets the thickness of the shape border in pixels. For example, 2 creates a 2-pixel wide border, while 5 creates a thicker 5-pixel border. Combine with Color to control border appearance.

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