DXSliderThumbAppearance.SideMargin Property

Gets or sets the margins to the left and right sides of the thumb. This is a bindable property.

Assembly : DevExpress.Maui.Editors.dll

NuGet Package : DevExpress.Maui.Editors

Declaration

csharp

public double SideMargin { get; set; }

Property Value

Type	Description
Double

Specifies the thumb margins.

Remarks

This example shows how to specify the side margins of the thumb in DXSlider and DXRangeSlider controls:

XAML

xml

<dxe:DXSlider Value="25">
    <dxe:DXSlider.ThumbAppearance>
        <dxe:DXSliderThumbAppearance 
            SideMargin="16" />
    </dxe:DXSlider.ThumbAppearance> 
</dxe:DXSlider>

<dxe:DXRangeSlider StartValue="15" EndValue="85">
    <dxe:DXRangeSlider.StartThumbAppearance>
        <dxe:DXSliderThumbAppearance 
            SideMargin="16" />
    </dxe:DXRangeSlider.StartThumbAppearance> 

    <dxe:DXRangeSlider.EndThumbAppearance>
        <dxe:DXSliderThumbAppearance 
            SideMargin="16" />
    </dxe:DXRangeSlider.EndThumbAppearance> 
</dxe:DXRangeSlider>