DxRangeSelectorScaleMarker.LabelTopIndent Property

Specifies the vertical indent between a scale marker label and the corresponding separator’s top edge.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(11)]
[Parameter]
public int LabelTopIndent { get; set; }

Property Value

Type	Default	Description
Int32	11	The vertical indent in pixels.

Remarks

Scale markers accompany the scale axis that displays DateTime values. A scale marker consists of a separator and label. Use LabelTopIndent and LabelLeftIndent properties to position scale marker labels relative to corresponding separators.

<DxRangeSelector Width="1000px"
                 Height="400px"
                 SelectedRangeStartValue="@(new DateTime(2024, 2, 1))"
                 SelectedRangeEndValue="@(new DateTime(2024, 2, 14))">
    <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 LabelLeftIndent="50"
                                    LabelTopIndent="50"
                                    SeparatorHeight="75">
            <DxRangeSelectorScaleMarkerLabel>
                <DxTextFormatSettings Type="TextFormat.MonthAndYear" />
            </DxRangeSelectorScaleMarkerLabel>
        </DxRangeSelectorScaleMarker>
    </DxRangeSelectorScale>
    <DxRangeSelectorSliderMarker>
        <DxTextFormatSettings Type="TextFormat.MonthAndDay" />
    </DxRangeSelectorSliderMarker>
</DxRangeSelector>

Refer to the DxRangeSelectorScaleMarker class description for more information.