New to Telerik UI for BlazorStart a free 30-day trial

Controls the fill color and appearance inside a diagram shape during mouse hover. Use this to change the shape's interior color when users move their cursor over it, providing immediate visual feedback. Part of the DiagramShapeHoverDescriptor styling. Example: Lighten or brighten the fill color on hover for interactive emphasis.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

C#
public class DiagramShapeHoverFillDescriptor : DataVizChildComponentDescriptor

Inheritance: objectDataVizChildComponentDescriptorDiagramShapeHoverFillDescriptor

Constructors

C#
public DiagramShapeHoverFillDescriptor()

Methods

C#
public Dictionary<string, object> Serialize()
Returns:

Dictionary<string, object>

Properties

Sets the background fill color displayed when users hover over the shape. Use any valid CSS color value such as hex codes (e.g., "#E3F2FD"), color names (e.g., "lightblue"), or rgba values. This provides visual feedback distinct from the default fill color set by Color.

C#
public string Color { get; set; }

Sets the transparency level of the hover fill color. Accepts values from 0 (fully transparent) to 1 (fully opaque). For example, 0.7 creates a subtle highlight effect. Use with Color to create hover effects that don't completely obscure the original shape color.

C#
public double? Opacity { get; set; }