DxRangeSelectorIndent Class

Contains indent settings for the DxRangeSelector component.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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.

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.

razor

<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>

Implements

Inheritance

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