We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The JSP Range Selector control provides an intuitive interface for selecting a small range from a larger collection. It is commonly used in financial dashboards to filter a date range for data that needs to be visualized.


Data types

Plot any type of data in the range selector using different value types like numeric and date-time.


Chart types

Plot data in the range selector with different chart types like line, area, and step line.


Binding selected data

Bind selected data from the JSP Range Selector control to any other control using built-in events. JSP Range Selector with data binding.


Range selection

The range selector control provides the following ways to select a range.

  • Select a range through labels.
  • Drag the left and right thumbs.
  • Drag the selected range to maintain the same delta.

JSP Range Selector with range selection.


Customization

All the elements of the JSP Range Selector control are highly customizable with built-in APIs.

JSP Range Selector with labels.

Labels

Customize the size, color, font family, font attribute, and alignment of the labels using built-in APIs.

JSP Range Selector with thumbs.

Thumbs

Customize the appearance of the left and right thumbs using built-in APIs.

JSP Range Selector with grid lines.

Gridlines

Customize the color, stroke width, and visibility of the major and minor gridlines using built-in APIs.


Tooltip

Tooltip in the JSP Range Selector control displays the start and end values of a selected range, allowing users to easily select the required range.

JSP Range Selector with tooltip


RTL

The range selector supports right-to-left rendering and allows the series and scale direction to be displayed from right to left. This improves the user experience and accessibility of RTL languages.

JSP Range Selector with RTL


Touch and responsive support

The interactive JSP Range Selector control also supports touch interactions.

Touch illustration

Touch support

All the features of the range selector will work on touch devices with zero configuration.

Responsive illustration

Responsive

You can view range selector on various devices. You can also hide specific elements in the range selector for particular screen sizes by making very minimal changes to the events.

Cross-browser illustration

Cross-browser support

You can render the JSP Range Selector control in all the modern browsers.


60+ JSP CONTROLS

Transform your applications today by downloading our free evaluation version Download Free Trial

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile