Your search did not match any results.

Numeric Scale (Lightweight)

Documentation

This demo illustrates a numeric scale. Here, the currency format is applied to the scale labels and the slider markers.

Backend API
@(Html.DevExtreme().RangeSelector() .ID("range-selector") .Margin(m => m.Top(50)) .Scale(s => s .StartValue(15000) .EndValue(150000) .MinorTickInterval(500) .TickInterval(15000) .MinorTick(m => m.Visible(false)) .Label(f => f.Format(Format.Currency)) ) .SliderMarker(f => f.Format(Format.Currency)) .Value(new[] { 40000.0, 80000.0 }) .Title("Select House Price Range") )
using DevExtreme.NETCore.Demos.Models.SampleData; using Microsoft.AspNetCore.Mvc; using System.Linq; namespace DevExtreme.NETCore.Demos.Controllers { public class RangeSelectorController : Controller { public ActionResult NumericScaleLightweight() { return View(); } } }
#range-selector { height: 210px; }