Range Selector - Overview

DevExpress Bootstrap Range Selector is a server-side wrapper for JavaScript-based DevExtreme Range Selector widget that allow you to use the familiar ASP.NET approach to integrate DevExtreme Range Selector into your web application. The Bootstrap Range Selector is a control that allows a user to select a range of values on a scale and handle changes of the currently selected range. You can configure the following settings:

  • Chart - Sets the options required to display a chart as the range selector's background.
  • SettingsScale - Specifies options of the range selector's scale.
  • SettingsSliderMarker - Defines the options of the range selector slider markers.
  • SettingsBackground - Allows you to customize the range selector's background: image, fill color, etc.
  • SettingsBehavior - Specifies the options for interaction with the end user.

Gold medals:

Silver medals:

Bronze medals:

Australian Olympic Medal Count

The Bootstrap Range Selector control helps you transform data to its most appropriate, concise and readable visual representation. This control allows you to conveniently edit the input data for filtering in a data views or charts. Regardless of the data source or manner in which application information is stored on disk, the Bootstrap Range Selector control guarantees flexibility and speed in its consumption of input data as well as its ability to output/render information on the screen or on the printed page.

Screen Size
Color Themes
Demo QR Code