Class
DiagramConnectionStartCapDescriptor

Configures the visual appearance and style of the arrowhead or cap at the start of a diagram connection. Use this to customize the shape, size, fill color, and stroke of the connection's originating point. Works with DiagramConnectionStartCapFillDescriptor, DiagramConnectionStartCapStrokeDescriptor, and DiagramConnectionStartCapAnchorDescriptor for detailed styling.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

cs-api-definition
public class DiagramConnectionStartCapDescriptor : DataVizChildComponentDescriptor

Inheritance: objectDataVizChildComponentDescriptorDiagramConnectionStartCapDescriptor

Constructors

DiagramConnectionStartCapDescriptor()

Declaration

cs-api-definition
public DiagramConnectionStartCapDescriptor()

Properties

Anchor

Configures the anchor point offset for positioning the start cap relative to the source point. Use DiagramConnectionStartCapAnchorDescriptor to fine-tune cap placement for precise visual alignment. Adjusts where the cap attaches to the connection origin.

Declaration

cs-api-definition
public DiagramConnectionStartCapAnchorDescriptor Anchor { get; set; }

Property Value

DiagramConnectionStartCapAnchorDescriptor

Fill

Configures the fill color and style for the connection start cap shape. Use DiagramConnectionStartCapFillDescriptor to set the interior color of arrow heads or circles. Visible when Type is set to ArrowStart or FilledCircle. Example: Set fill color to match connection stroke color for consistent appearance.

Declaration

cs-api-definition
public DiagramConnectionStartCapFillDescriptor Fill { get; set; }

Property Value

DiagramConnectionStartCapFillDescriptor

Path

Defines a custom SVG path geometry for creating unique start cap shapes beyond the built-in types. Specify using standard SVG path syntax to create custom arrow heads, symbols, or markers. Overrides the Type property when specified, allowing complete control over cap appearance. Useful for specialized diagram notations or branded visual styles. See https://www.w3.org/TR/SVG/paths.html#PathData for SVG path syntax reference.

Declaration

cs-api-definition
public string Path { get; set; }

Property Value

string

Stroke

Configures the outline/border style for the connection start cap shape. Use DiagramConnectionStartCapStrokeDescriptor to set stroke color, width, and dash pattern. Defines the cap's outer edge appearance, complementing the Fill interior.

Declaration

cs-api-definition
public DiagramConnectionStartCapStrokeDescriptor Stroke { get; set; }

Property Value

DiagramConnectionStartCapStrokeDescriptor

Type

Sets the visual style of the connection starting point marker. None - No start cap, connection begins without decoration (default). ArrowStart - Filled arrow pointing away from the source (for bi-directional flow). FilledCircle - Filled circle at the connection starting point. ArrowEnd - Filled arrow pointing toward the source (inversed direction, rarely used). Use ArrowStart for bi-directional connections or to indicate reverse flow relationships. Example: Set to ArrowStart for two-way data exchange or feedback loops.

Declaration

cs-api-definition
public DiagramConnectionsStartCapType? Type { get; set; }

Property Value

DiagramConnectionsStartCapType?

Methods

Serialize()

Declaration

cs-api-definition
public Dictionary<string, object> Serialize()

Returns

Dictionary<string, object>