DXSliderTooltipAppearance.BackgroundColor Property

Gets or sets the tooltip background color. This is a bindable property.

Namespace: DevExpress.Maui.Editors

Assembly: DevExpress.Maui.Editors.dll

NuGet Package: DevExpress.Maui.Editors

Declaration

public Color BackgroundColor { get; set; }

Property Value

Type	Description
Color	The tooltip background color.

Example

The following example changes tooltip appearance in DXSlider and DXRangeSlider controls:

XAML

<dxe:DXSlider 
    TooltipDisplayFormat="C" 
    Value="48">
    <dxe:DXSlider.TooltipAppearance>
        <dxe:DXSliderTooltipAppearance 
            BackgroundColor="Orange" 
            CornerRadius="15"
            MinHeight="25"
            MinWidth="25"
            TextColor="White"
            FontFamily="Arial"
            FontSize="18"
            FontAttributes="Italic"
            Padding="20"
            Indent="15" />
    </dxe:DXSlider.TooltipAppearance>
</dxe:DXSlider>

<dxe:DXRangeSlider
    StartTooltipDisplayFormat="N1" 
    EndTooltipDisplayFormat="N1"  
    StartValue="15" 
    EndValue="85">
    <dxe:DXRangeSlider.StartTooltipAppearance>
        <dxe:DXSliderTooltipAppearance 
            BackgroundColor="orange" 
            CornerRadius="15"
            MinHeight="25"
            MinWidth="25"
            TextColor="White"
            FontFamily="Arial"
            FontSize="18"
            FontAttributes="Italic"
            Padding="20"
            Indent="15" />
    </dxe:DXRangeSlider.StartTooltipAppearance> 

    <dxe:DXRangeSlider.EndTooltipAppearance>
        <dxe:DXSliderTooltipAppearance ... />
    </dxe:DXRangeSlider.EndTooltipAppearance> 
</dxe:DXRangeSlider>