Skip to main content
All docs
V25.1
  • DxRangeSelectorIndent Class

    Contains indent settings for the DxRangeSelector component.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    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>
    

    Inheritance

    Object
    ComponentBase
    DxSettingsComponent<DevExpress.Blazor.Internal.RangeSelectorIndentModel>
    DxRangeSelectorIndent
    See Also