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

Controls the outline stroke color, width, and style of the start cap (arrowhead) border. Use this to customize the cap's outline appearance at the connection origin, separate from its fill color. Part of the DiagramConnectionStartCapDescriptor styling. Example: 1px gray dashed stroke.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

C#
public class DiagramConnectionStartCapStrokeDescriptor : DataVizChildComponentDescriptor

Inheritance: objectDataVizChildComponentDescriptorDiagramConnectionStartCapStrokeDescriptor

Constructors

C#
public DiagramConnectionStartCapStrokeDescriptor()

Methods

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

Dictionary<string, object>

Properties

Sets the border color of the connection start cap outline. Use any valid CSS color value such as hex codes (e.g., "#1976D2"), color names (e.g., "darkblue"), or rgba values. This colors the border of arrow heads or other start cap shapes.

C#
public string Color { get; set; }

Sets the line style pattern for the start cap border. Solid creates a continuous border (default). Dash creates a dashed border pattern. Dot creates a dotted border pattern. LongDash creates longer dashes. LongDashDot alternates between long dashes and dots. LongDashDotDot alternates between long dashes and two dots. Use solid borders for standard arrow heads and dashed styles for special connection types.

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

Sets the style of line endings for the start cap stroke. Controls how the ends of stroke lines are drawn (e.g., butt, round, square). This affects the visual appearance of cap border endpoints.

C#
public DiagramConnectionsStartCapStrokeLineCap? LineCap { get; set; }

Sets the style of line joins where stroke segments meet in the start cap. Controls how corners are drawn (e.g., miter, round, bevel). This affects the appearance of sharp angles in arrow head borders.

C#
public DiagramConnectionsStartCapStrokeLineJoin? LineJoin { get; set; }

Sets the thickness of the start cap border in pixels. For example, 1 creates a thin border, while 2 creates a more prominent border. Typically matches the connection line width set by Width.

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