Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxRangeSelectorScaleMinorTick Class

Contains settings for minor scale ticks.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public class DxRangeSelectorScaleMinorTick :
    DxSettingsComponent<RangeSelectorScaleMinorTickModel>

#Remarks

Add a DxRangeSelectorScaleMinorTick object to the DxRangeSelectorScale component markup to configure settings of minor scale ticks in DxRangeSelector.

Range Selector - Minor Scale Ticks

Show Nested Component Structure

The Range Selector calculates minor tick intervals automatically based on data source values. You can use the DxRangeSelectorScale.MinorTickInterval property to set a custom interval for minor scale ticks. Alternatively, use the DxRangeSelectorScale.MinorTickCount property to specify the number of minor ticks between two neighboring major ticks.

Note

The DxRangeSelectorScale.MinorTickInterval property has priority over the DxRangeSelectorScale.MinorTickCount property.

The DxRangeSelectorScaleMinorTick component allows you to customize the color, opacity, and width of minor scale ticks. To hide minor ticks, set the Visible property to false.

#Example

The following code snippet changes the appearance of minor scale ticks in the <DxRangeSelector> component:

Range Selector - Minor Scale Tick Customization

Razor
<DxRangeSelector Width="100%"
                 ValueChanged="@OnValueChanged"
                 ValueChangeMode="RangeSelectorValueChangeMode.OnHandleMove">
    <DxTitleSettings Text="Filter Order List by Total Cost" />
    <DxRangeSelectorScale StartValue="@minTotal"
                          EndValue="@maxTotal"
                          TickInterval="1000">
        <DxRangeSelectorScaleTick Opacity="0.9" />
        <DxRangeSelectorScaleMinorTick Color="#28a745" Opacity="0.7" />
    </DxRangeSelectorScale>
    <DxRangeSelectorSliderMarker>
        <DxTextFormatSettings LdmlString=",##0" />
    </DxRangeSelectorSliderMarker>
</DxRangeSelector>

Run Demo

#Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.RangeSelectorScaleMinorTickModel>
DxRangeSelectorScaleMinorTick
See Also