DXSlider Class

A component that allows you to select a numeric value.

Assembly : DevExpress.Maui.Editors.dll

NuGet Package : DevExpress.Maui.Editors

Declaration

csharp

[DXLicenseMAUI]
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.

Thumb

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

DXSliderThumbAppearance.BackgroundColorGets or sets the background color of the thumb. This is a bindable property.DXSliderThumbAppearance.BorderColorGets or sets the border color of the thumb. This is a bindable property.DXSliderThumbAppearance.DisabledBackgroundColorGets or sets the background color of the thumb in the disabled state. This is a bindable property.DXSliderThumbAppearance.DisabledBorderColorGets or sets the border color of the thumb in the disabled state. This is a bindable property.DXSliderThumbAppearance.BorderThicknessGets or sets the border thickness of the thumb. This is a bindable property.DXSliderThumbAppearance.CornerRadiusGets or sets the corner radius of the thumb. This is a bindable property.DXSliderThumbAppearance.HeightGets or sets the thumb height. This is a bindable property.DXSliderThumbAppearance.WidthGets or sets the thumb width. This is a bindable property.DXSliderThumbAppearance.PressedHeightGets or sets the thumb height in the pressed state. This is a bindable property.DXSliderThumbAppearance.PressedWidthGets or sets the thumb width in the pressed state. This is a bindable property.DXSliderThumbAppearance.SideMarginGets 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.ActiveBackgroundColorGets or sets the background color of the track in the active state. This is a bindable property.DXSliderTrackAppearance.BackgroundColorGets or sets the background color of the track. This is a bindable property.DXSliderTrackAppearance.DisabledActiveBackgroundColorGets or sets the background color of the track in active and disabled states. This is a bindable property.DXSliderTrackAppearance.DisabledBackgroundColorGets or sets the background color of the track in the disabled state. This is a bindable property.DXSliderTrackAppearance.CapLengthGets or sets the cap length of the track. This is a bindable property.DXSliderTrackAppearance.CornerRadiusGets or sets the corner radius of the track. This is a bindable property.DXSliderTrackAppearance.ThicknessGets 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.ActiveBackgroundColorGets or sets the background color of the tick mark in the active state. This is a bindable property.DXSliderTickmarkAppearance.BackgroundColorGets or sets the background color of the tick mark. This is a bindable property.DXSliderTickmarkAppearance.DisabledActiveBackgroundColorGets or sets the background color of the tick mark in active and disabled states. This is a bindable property.DXSliderTickmarkAppearance.DisabledBackgroundColorGets or sets the background color of the tick mark in the disabled state. This is a bindable property.DXSliderTickmarkAppearance.CornerRadiusGets or sets the corner radius of the tick mark. This is a bindable property.DXSliderTickmarkAppearance.HeightGets or sets the tick mark height. This is a bindable property.DXSliderTickmarkAppearance.WidthGets or sets the tick mark width. This is a bindable property.