DXSliderThumbAppearance.Width Property

Gets or sets the thumb width. This is a bindable property.

Namespace: DevExpress.Maui.Editors

Assembly: DevExpress.Maui.Editors.dll

NuGet Package: DevExpress.Maui.Editors

Declaration

public double Width { get; set; }

Property Value

Type	Description
Double	The thumb width.

Example

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

XAML

<dxe:DXSlider Value="25">
    <dxe:DXSlider.ThumbAppearance>
        <dxe:DXSliderThumbAppearance 
            BackgroundColor="orange" 
            BorderColor="black"
            DisabledBackgroundColor="gray"
            DisabledBorderColor="black"
            BorderThickness="2"
            CornerRadius="25"
            Height="25"
            Width="25"
            PressedHeight="15"
            PressedWidth="15" />
    </dxe:DXSlider.ThumbAppearance> 
</dxe:DXSlider>

<dxe:DXRangeSlider StartValue="15" EndValue="85">
    <dxe:DXRangeSlider.StartThumbAppearance>
        <dxe:DXSliderThumbAppearance 
            BackgroundColor="orange" 
            BorderColor="black"
            DisabledBackgroundColor="gray"
            DisabledBorderColor="black"
            BorderThickness="2"
            CornerRadius="25"
            Height="25"
            Width="25" />
    </dxe:DXRangeSlider.StartThumbAppearance> 

    <dxe:DXRangeSlider.EndThumbAppearance>
        <dxe:DXSliderThumbAppearance ... />
    </dxe:DXRangeSlider.EndThumbAppearance> 
</dxe:DXRangeSlider>