DxRangeSelectorSliderHandle Class

Contains appearance settings for slider handles.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

public class DxRangeSelectorSliderHandle :
    DxSettingsComponent<RangeSelectorSliderHandleModel>

Remarks

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

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

Show Nested Component Structure

DxRangeSelector
- DxRangeSelectorSliderHandle

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

razor

<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>

Implements

Inheritance

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