Class
DiagramConnectionEndCapDescriptor

Configures the visual appearance and style of the arrowhead or cap at the end of a diagram connection. Use this to customize the shape, size, fill color, and stroke of the connection's terminating point. Works with DiagramConnectionEndCapFillDescriptor, DiagramConnectionEndCapStrokeDescriptor, and DiagramConnectionEndCapAnchorDescriptor for detailed styling.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

cs-api-definition
public class DiagramConnectionEndCapDescriptor : DataVizChildComponentDescriptor

Inheritance: objectDataVizChildComponentDescriptorDiagramConnectionEndCapDescriptor

Constructors

DiagramConnectionEndCapDescriptor()

Declaration

cs-api-definition
public DiagramConnectionEndCapDescriptor()

Properties

Anchor

Configures the anchor point offset for positioning the end cap relative to the target point. Use DiagramConnectionEndCapAnchorDescriptor to fine-tune cap placement for precise visual alignment. Adjusts where the cap attaches to the connection endpoint.

Declaration

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

Property Value

DiagramConnectionEndCapAnchorDescriptor

Fill

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

Declaration

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

Property Value

DiagramConnectionEndCapFillDescriptor

Path

Defines a custom SVG path geometry for creating unique end 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 end cap shape. Use DiagramConnectionEndCapStrokeDescriptor to set stroke color, width, and dash pattern. Defines the cap's outer edge appearance, complementing the Fill interior.

Declaration

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

Property Value

DiagramConnectionEndCapStrokeDescriptor

Type

Sets the visual style of the connection endpoint marker. None - No end cap, connection ends without decoration. ArrowEnd - Filled arrow pointing toward the target (most common for directional flow). FilledCircle - Filled circle at the connection end point. ArrowStart - Filled arrow pointing away from target (inversed direction). Use ArrowEnd for typical directional connections in flowcharts and process diagrams to show flow direction. Example: Set to ArrowEnd to indicate data flows toward the target shape.

Declaration

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

Property Value

DiagramConnectionsEndCapType?

Methods

Serialize()

Declaration

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

Returns

Dictionary<string, object>