New to Telerik UI for Blazor? Start a free 30-day trial

DiagramShapeConnectorHoverStrokeDescriptor

Class

Controls the outline stroke color, width, and style of shape connector points when hovered. Use this to emphasize connector borders during hover interactions, helping users precisely target connection points. Part of the DiagramShapeConnectorHoverDescriptor styling. Example: Thicken stroke to 2px on hover for enhanced visibility.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

public class DiagramShapeConnectorHoverStrokeDescriptor : DataVizChildComponentDescriptor

Inheritance: objectDataVizChildComponentDescriptorDiagramShapeConnectorHoverStrokeDescriptor

Constructors

DiagramShapeConnectorHoverStrokeDescriptor()

public DiagramShapeConnectorHoverStrokeDescriptor()

Methods

Serialize()

Dictionary<string, object>

public Dictionary<string, object> Serialize()

Returns:

Dictionary<string, object>

Properties

Color

string

Sets the border color of connectors when users hover over them. Use any valid CSS color value such as hex codes (e.g., "#388E3C"), color names (e.g., "green"), or rgba values. A contrasting hover border makes connectors easily identifiable during connection creation.

public string Color { get; set; }

DashType

DashType?

Sets the line style pattern for connector borders on hover. Solid creates a continuous border (default). Dash creates a dashed border pattern. Dot creates a dotted border pattern. Use solid borders for clear hover feedback on connection points.

public DashType? DashType { get; set; }

Width

double?

Sets the thickness of connector borders in pixels when users hover over them. For example, 2 creates a more prominent hover border than the default connector border. Thicker borders improve visibility and provide clear hover feedback.

public double? Width { get; set; }