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:
public class DiagramConnectionEndCapDescriptor : DataVizChildComponentDescriptorInheritance: objectDataVizChildComponentDescriptorDiagramConnectionEndCapDescriptor
Constructors
public DiagramConnectionEndCapDescriptor()Methods
Properties
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.
public DiagramConnectionEndCapAnchorDescriptor Anchor { get; set; }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.
public DiagramConnectionEndCapFillDescriptor Fill { get; set; }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.
public string Path { get; set; }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.
public DiagramConnectionEndCapStrokeDescriptor Stroke { get; set; }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.
public DiagramConnectionsEndCapType? Type { get; set; }