ClassDiagramShapeConnectorDescriptor
Defines a connection point on a diagram shape where connections can attach. Connectors determine where connection lines can start or end on a shape (top, bottom, left, right, center, or custom positions). Use this to control connection attachment points and create precise diagram layouts with properly aligned connections.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class DiagramShapeConnectorDescriptor : DataVizCollectionItemComponentDescriptorInheritance: objectDataVizChildComponentDescriptorDataVizCollectionItemComponentDescriptorDiagramShapeConnectorDescriptor
Constructors
DiagramShapeConnectorDescriptor()
Declaration
public DiagramShapeConnectorDescriptor()Properties
Description
Provides a descriptive label or identifier for the connector, used for documentation or debugging. Helps developers identify connector purpose when working with multiple custom connectors. Not displayed visually on the diagram; use for internal reference only. Example: Set to "Data input port" or "Control signal output" for complex diagrams with specialized connectors.
Fill
Configures the background fill color and style for the connector indicator. Use DiagramShapeConnectorFillDescriptor to set the interior color of the connector visual. Helps differentiate connector types or highlight available connection points. Example: Set fill color to green for input connectors and blue for output connectors.
Declaration
public DiagramShapeConnectorFillDescriptor Fill { get; set; }Property Value
Height
Sets the vertical size of the connector visual indicator in pixels. Defines how tall the connector appears when rendered on the shape boundary. Larger connectors are more visible but may crowd the shape; smaller connectors are subtle. Example: Set to 8.0 for standard connector visibility, or 12.0 for emphasized connection points.
Hover
Configures the visual appearance of the connector when users hover over it with the mouse. Use DiagramShapeConnectorHoverDescriptor to define hover-specific fill and stroke styles. Provides visual feedback indicating the connector is a valid connection point for dragging connections.
Declaration
public DiagramShapeConnectorHoverDescriptor Hover { get; set; }Property Value
Name
Sets the unique identifier for the connector, used when creating connections that attach to specific points. Predefined names include: "top", "right", "bottom", "left", "auto" for standard positions. Use custom names for specialized connectors at non-standard positions on the shape. Referenced in FromConnector and ToConnector when connecting shapes. Example: Set to "top" for the default top connector, or "outputPort1" for a custom connector point.
Stroke
Configures the outline/border style for the connector indicator. Use DiagramShapeConnectorStrokeDescriptor to set stroke color, width, and dash pattern. Creates visual distinction between the connector and the shape boundary. Example: Set stroke color to contrast with shape fill for clear connector visibility.
Declaration
public DiagramShapeConnectorStrokeDescriptor Stroke { get; set; }Property Value
Width
Sets the horizontal size of the connector visual indicator in pixels. Defines how wide the connector appears when rendered on the shape boundary. Larger connectors are more visible but may crowd the shape; smaller connectors are subtle. Example: Set to 8.0 for standard connector visibility, or 12.0 for emphasized connection points.