Skip to main content
All docs
V25.1
  • DxRangeSelectorSliderHandle Class

    Contains appearance settings for slider handles.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxRangeSelectorSliderHandle :
        DxSettingsComponent<RangeSelectorSliderHandleModel>

    Remarks

    DxRangeSelector displays sliders that allow a user to select a range. Sliders consist of handles and markers.

    Range Selector - Sliders

    Add a DxRangeSelectorSliderHandle object to the DxRangeSelector component markup to customize the appearance of slider handles.

    Show Nested Component Structure

    The DxRangeSelectorSliderHandle component allows you to customize the color, opacity, and width of slider handles.

    Range Selector - Slider Handle Customization

    <DxRangeSelector Width="1000px"
                     Height="400px"
                     SelectedRangeStartValue="@(new DateTime(2024, 2, 1))"
                     SelectedRangeEndValue="@(new DateTime(2024, 2, 14))">
        <DxRangeSelectorSliderHandle Color="#28a745"
                                     Opacity="0.8"
                                     Width="3" />
        <DxRangeSelectorSliderMarker>
            <DxTextFormatSettings Type="TextFormat.MonthAndDay" />
        </DxRangeSelectorSliderMarker>
        <DxRangeSelectorScale StartValue="@(new DateTime(2024, 1, 1))"
                              EndValue="@(new DateTime(2024, 6, 1))"
                              MinorTickInterval="ChartAxisInterval.Day"
                              TickInterval="ChartAxisInterval.Week"
                              MaxRange="ChartAxisInterval.Month"
                              MinRange="ChartAxisInterval.Week"
                              ValueType="ChartAxisDataType.DateTime">
            <DxRangeSelectorScaleMarker Visible="false" />
        </DxRangeSelectorScale>
    </DxRangeSelector>
    

    Inheritance

    Object
    ComponentBase
    DxSettingsComponent<DevExpress.Blazor.Internal.RangeSelectorSliderHandleModel>
    DxRangeSelectorSliderHandle
    See Also