DxRangeSelectorIndent Class

Contains indent settings for the DxRangeSelector component.

Assembly: DevExpress.Blazor.v24.2.dll

Declaration

public class DxRangeSelectorIndent :
    DxSettingsComponent<RangeSelectorIndentModel>

Remarks

Add a DxRangeSelectorIndent object to the DxRangeSelector component markup to configure indents between the Range Selector’s container edges and the scale. You can specify Left and Right properties.

Range Selector - Container Indents

Note

If the specified indents are too small to display scale labels completely, the Range Selector truncates such labels at the boundary of the content area.

<DxRangeSelector Width="1000px"
                 Height="100px"
                 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 Visible="false" />
    </DxRangeSelectorScale>
    <DxRangeSelectorIndent Left="35" Right="35" />
</DxRangeSelector>