Skip to main content

DXSlider Class

A component that allows you to select a numeric value.

Namespace: DevExpress.Maui.Editors

Assembly: DevExpress.Maui.Editors.dll

NuGet Package: DevExpress.Maui.Editors

Declaration

public class DXSlider :
    DXSliderBase

Remarks

The DXSlider control is an editor that allows users to select a numeric value.

You can use the Value property to specify the current value. The Value property cannot be set to a value less than the MinValue property or greater than the MaxValue property. To change the current value, move the thumb along the scale.

DevExpress MAUI Slider - Anatomy

Thumb

Use the following properties to change thumb appearance in DXSlider and DXRangeSlider controls:

DXSliderThumbAppearance.BackgroundColor
Gets or sets the background color of the thumb. This is a bindable property.
DXSliderThumbAppearance.BorderColor
Gets or sets the border color of the thumb. This is a bindable property.
DXSliderThumbAppearance.DisabledBackgroundColor
Gets or sets the background color of the thumb in the disabled state. This is a bindable property.
DXSliderThumbAppearance.DisabledBorderColor
Gets or sets the border color of the thumb in the disabled state. This is a bindable property.
DXSliderThumbAppearance.BorderThickness
Gets or sets the border thickness of the thumb. This is a bindable property.
DXSliderThumbAppearance.CornerRadius
Gets or sets the corner radius of the thumb. This is a bindable property.
DXSliderThumbAppearance.Height
Gets or sets the thumb height. This is a bindable property.
DXSliderThumbAppearance.Width
Gets or sets the thumb width. This is a bindable property.
DXSliderThumbAppearance.PressedHeight
Gets or sets the thumb height in the pressed state. This is a bindable property.
DXSliderThumbAppearance.PressedWidth
Gets or sets the thumb width in the pressed state. This is a bindable property.
DXSliderThumbAppearance.SideMargin
Gets or sets the margins to the left and right sides of the thumb. This is a bindable property.

Track

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.

Tick Mark

If you want to display tick marks on a slider, set the TickmarkStep property to a value equal or grater than 1.

Use the following properties to change tick mark appearance in DXSlider and DXRangeSlider controls:

DXSliderTickmarkAppearance.ActiveBackgroundColor
Gets or sets the background color of the tick mark in the active state. This is a bindable property.
DXSliderTickmarkAppearance.BackgroundColor
Gets or sets the background color of the tick mark. This is a bindable property.
DXSliderTickmarkAppearance.DisabledActiveBackgroundColor
Gets or sets the background color of the tick mark in active and disabled states. This is a bindable property.
DXSliderTickmarkAppearance.DisabledBackgroundColor
Gets or sets the background color of the tick mark in the disabled state. This is a bindable property.
DXSliderTickmarkAppearance.CornerRadius
Gets or sets the corner radius of the tick mark. This is a bindable property.
DXSliderTickmarkAppearance.Height
Gets or sets the tick mark height. This is a bindable property.
DXSliderTickmarkAppearance.Width
Gets or sets the tick mark width. This is a bindable property.

Inheritance

Show 12 items
Object
BindableObject
Element
NavigableElement
VisualElement
View
DevExpress.Maui.Core.Internal.DXViewElement
DevExpress.Maui.Core.Internal.DXViewBaseCore
See Also