DxRangeSelectorScaleMarker.IndentFromScaleLabel Property

Specifies the vertical indent between scale markers and scale labels.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(10)]
[Parameter]
public int IndentFromScaleLabel { get; set; }

Property Value

Type	Default	Description
Int32	10	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 the IndentFromScaleLabel property to change the indent between scale markers and scale labels.

 <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 IndentFromScaleLabel="50">
             <DxRangeSelectorScaleMarkerLabel>
                 <DxTextFormatSettings Type="TextFormat.MonthAndYear" />
             </DxRangeSelectorScaleMarkerLabel>
         </DxRangeSelectorScaleMarker>
     </DxRangeSelectorScale>
     <DxRangeSelectorSliderMarker>
         <DxTextFormatSettings Type="TextFormat.MonthAndDay" />
     </DxRangeSelectorSliderMarker>
 </DxRangeSelector>

Refer to the DxRangeSelectorScaleMarker class description for more information.