Back to Devexpress

DxTooltipSettings.Color Property

blazor-devexpress-dot-blazor-dot-dxtooltipsettings-aaea49e0.md

latest1.7 KB
Original Source

DxTooltipSettings.Color Property

Specifies the tooltip color.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
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:

razor
<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 };
}

See Also

DxTooltipSettings Class

DxTooltipSettings Members

DevExpress.Blazor Namespace