DxRangeSelectorSliderMarker.PlaceholderHeight Property

Reserves an area for a slider marker.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public int PlaceholderHeight { get; set; }

Property Value

Type	Description
Int32

The area height in pixels.

Remarks

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

Use the PlaceholderHeight property to change the area height for slider markers:

razor

<DxRangeSelector Width="1000px"
                 Height="400px"
                 SelectedRangeStartValue="@(new DateTime(2024, 2, 1))"
                 SelectedRangeEndValue="@(new DateTime(2024, 2, 14))">
    <DxRangeSelectorSliderMarker PlaceholderHeight="25">
        <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>