Skip to main content
BuyLog In
.NET Multi-platform App UI
Search in…
Docs > Slider & Range Slider > Track
All docs
V23.2
.NET Multi-platform App UI
Get Started (NuGet, Project Templates, and First App)
Featured Scenarios
Common Concepts
Data Grid
Data Editors
Data Form
Collection View
HTML Edit
PDF Viewer
Form Items
Shimmer View
Image & ImageEdit
Slider & Range Slider
Thumb
Track
Tick Mark
Radial Gauge
Radial Progress Bar
Charts
Scheduler & Calendar
Dialogs, Menu, & Navigation
Chips
Utility Controls
Layouts
Reporting
Office File API
Backend Web API Service / REST API
Migrate from Xamarin
Breaking Change Policy
API Reference

.NET MAUI Slider & Range Slider: Track

You can drag the thumb along the track, to change the current value.

This example shows how to change track appearance in DXSlider and DXRangeSlider controls:

DevExpress MAUI Slider - Track Appearance

<dxe:DXSlider Value="25">
    <dxe:DXSliderBase.TrackAppearance>
        <dxe:DXSliderTrackAppearance 
            ActiveBackgroundColor="#d65418"
            BackgroundColor="#faccb6" 
            DisabledActiveBackgroundColor="#cc9621" 
            DisabledBackgroundColor="#fae3b1"
            CornerRadius="10" 
            Thickness="20" />
    </dxe:DXSliderBase.TrackAppearance> 
</dxe:DXSlider>

<dxe:DXRangeSlider StartValue="15" EndValue="85">
    <dxe:DXSliderBase.TrackAppearance>
        <dxe:DXSliderTrackAppearance 
            ActiveBackgroundColor="#d65418"
            BackgroundColor="#faccb6" 
            DisabledActiveBackgroundColor="#cc9621" 
            DisabledBackgroundColor="#fae3b1"
            CornerRadius="10" 
            Thickness="20" />
    </dxe:DXSliderBase.TrackAppearance> 
</dxe:DXRangeSlider>

You can use the following properties to change track appearance in DXSlider and DXRangeSlider controls:

DXSliderTrackAppearance.ActiveBackgroundColor
Gets or sets the background color of the track in the active state. This is a bindable property.
DXSliderTrackAppearance.BackgroundColor
Gets or sets the background color of the track. This is a bindable property.
DXSliderTrackAppearance.DisabledActiveBackgroundColor
Gets or sets the background color of the track in active and disabled states. This is a bindable property.
DXSliderTrackAppearance.DisabledBackgroundColor
Gets or sets the background color of the track in the disabled state. This is a bindable property.
DXSliderTrackAppearance.CapLength
Gets or sets the cap length of the track. This is a bindable property.
DXSliderTrackAppearance.CornerRadius
Gets or sets the corner radius of the track. This is a bindable property.
DXSliderTrackAppearance.Thickness
Gets or sets the track thickness. This is a bindable property.