Your search did not match any results.
RangeSelector

Numeric Scale (Lightweight)

Documentation
This demo illustrates a numeric scale. Here, the currency format is applied to the scale labels and the slider markers.
@(Html.DevExtreme().RangeSelector() .ID("range-selector") .Margin(m => m.Top(50)) .Size(s => s.Height(210)) .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, 80000 }) .Title("Select House Price Range") )
using DevExtreme.AspNet.Data; using DevExtreme.AspNet.Mvc; using DevExtreme.MVC.Demos.Models.SampleData; using System.Linq; using System.Web.Mvc; namespace DevExtreme.MVC.Demos.Controllers { public class RangeSelectorController : Controller { public ActionResult NumericScaleLightweight() { return View(); } } }
#range-selector { height: 440px; width: 100%; display: block; }