Back to Devexpress

DxRangeSelectorScale.ShowCustomBoundaryTicks Property

blazor-devexpress-dot-blazor-dot-dxrangeselectorscale-5c6d0b78.md

latest2.8 KB
Original Source

DxRangeSelectorScale.ShowCustomBoundaryTicks Property

Specifies whether to display ticks for start and end scale values when they do not match major or minor ticks.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue(true)]
[Parameter]
public bool ShowCustomBoundaryTicks { get; set; }

Property Value

TypeDefaultDescription
Booleantrue

true to always display ticks for start and end scale values; false to hide ticks for start and end scale values when they do not match major or minor ticks.

|

Remarks

The Range Selector always displays ticks at the scale’s boundaries defined by StartValue and EndValue properties or data source values.

Set the ShowCustomBoundaryTicks property to false to hide ticks for start and end scale values that do not matck major or minor ticks.

razor
<DxRangeSelector Width="1100px"
                 Height="200px"
                 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))"
                          TickInterval="ChartAxisInterval.Weeks(2)"
                          MinorTickInterval="ChartAxisInterval.Week"
                          ShowCustomBoundaryTicks="false"
                          MinRange="ChartAxisInterval.Week"
                          MaxRange="ChartAxisInterval.Month"
                          ValueType="ChartAxisDataType.DateTime">
        <DxRangeSelectorScaleMarker>
            <DxRangeSelectorScaleMarkerLabel>
                <DxTextFormatSettings Type="TextFormat.MonthAndYear" />
            </DxRangeSelectorScaleMarkerLabel>
        </DxRangeSelectorScaleMarker>
    </DxRangeSelectorScale>
    <DxRangeSelectorSliderMarker>
        <DxTextFormatSettings Type="TextFormat.MonthAndDay" />
    </DxRangeSelectorSliderMarker>
</DxRangeSelector>

See Also

DxRangeSelectorScale Class

DxRangeSelectorScale Members

DevExpress.Blazor Namespace