DxTooltipSettings.Color Property

Specifies the tooltip color.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("#ffffff")]
[Parameter]
public string Color { get; set; }

Property Value

Type	Default	Description
String	"#ffffff"	The tooltip color.

Remarks

The Color property accepts the following formats:

• Longhand and shorthand hexadecimal color values: #ffff00, #ff0.
• RGB and RGBA color codes: rgb(255, 0, 0), rgba(0, 230, 0, 0.3).
• HTML color name (case-insensitive): red, DarkGreen.

The following code snippet changes the tooltip color in the DxBarGauge component:

<DxBarGauge Width="50%"
            Height="50%"
            StartValue="-5"
            EndValue="5"
            BaseValue="0"
            Values="@Values">
    @* ... *@
    <DxTooltipSettings Enabled="true"
                       Color="lightyellow" 
                       Opacity="0.5">
        <DxTextFormatSettings LdmlString="@LabelFormat" />
    </DxTooltipSettings>
</DxBarGauge>

@code {
    string LabelFormat = "##.## mm;-##.## mm";
    double[] Values = new double[] { -2.13, 1.48, -3.09, 4.52, 4.9, 3.9 };
}