DxRangeSelectorSliderHandle Class

Contains appearance settings for slider handles.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.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.

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.

<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

IComponent

IHandleEvent

IHandleAfterRender

IDisposable

Inheritance

Object

ComponentBase

DxSettingsComponent<DevExpress.Blazor.Internal.RangeSelectorSliderHandleModel>

DxRangeSelectorSliderHandle