DXSliderTickmarkAppearance.BackgroundColor Property

Gets or sets the background color of the tick mark. This is a bindable property.

Assembly : DevExpress.Maui.Editors.dll

NuGet Package : DevExpress.Maui.Editors

Declaration

csharp

public Color BackgroundColor { get; set; }

Property Value

Type	Description
Color

The background color.

Example

The following example changes tick mark appearance in DXSlider and DXRangeSlider controls:

XAML

xml

<dxe:DXSlider Value="25" TickmarkStep="25" >
    <dxe:DXSliderBase.TickmarkAppearance>
        <dxe:DXSliderTickmarkAppearance 
            ActiveBackgroundColor="#d65418"
            BackgroundColor="#faccb6" 
            DisabledActiveBackgroundColor="#cc9621" 
            DisabledBackgroundColor="#fae3b1"
            CornerRadius="10"
            Height="25"
            Width="3" />
    </dxe:DXSliderBase.TickmarkAppearance> 
</dxe:DXSlider>

<dxe:DXRangeSlider StartValue="15" EndValue="85" TickmarkStep="25">
    <dxe:DXSliderBase.TickmarkAppearance>
        <dxe:DXSliderTickmarkAppearance 
            ActiveBackgroundColor="#d65418"
            BackgroundColor="#faccb6" 
            DisabledActiveBackgroundColor="#cc9621" 
            DisabledBackgroundColor="#fae3b1"
            CornerRadius="10"
            Height="25"
            Width="3" />
    </dxe:DXSliderBase.TickmarkAppearance> 
</dxe:DXRangeSlider>