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. (Last updated on: November 16, 2018).
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 Xamarin Range Selector is a filter control that provides an intuitive interface to select a smaller range from a larger collection. It is commonly used in financial dashboards to filter a date range for which data needs to be visualized.


Scales

The major and minor scales display the range with different intervals and are placed at the top and bottom of the range selector. A required date-time component can be configured to be shown in major and minor scales.

Scales


Content

Add any view as the content of the range selector to provide a glimpse of the bound data and provide a detailed view of the selected range in a separate view.

Content


Binding selected data

Bind the selected data from the range selector to other data visualization controls to visualize the filtered data.

Binding selected data


Range selection

The range selector provides three ways to select a range:

  • Select the range from major and minor scales.
  • Drag the left thumb and right thumb.
  • Drag the selected range to maintain the same delta.

UI customization

All the elements of the range selector are highly customizable.

Range navigator labels

Labels

The size, color, font family, font attribute, and alignment of the minor and major labels are customizable.

Range navigator thumb

Thumb

The entire appearance of the left and right thumbs can be customized.

Range navigator grid lines

Gridlines

The color, stroke width, dash array, and visibility of the major and minor gridlines are customizable.


Tooltip

Tooltips display the start and end values of the selected range to make choosing the required range easier for users.

tooltip


Deferred scrolling

Deferred scrolling allows you to defer the selected range to be updated until the user stops dragging the thumbs. This provides a smooth scrolling experience.


Localization

All static text within the range navigator can be localized to any desired language.

Localization


145+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

Double quotes

A creator of online tutorials for Microsoft technologies, your controls helped to provide a rich user experience. I wanted a look and feel like a Windows Store app and the Tiles are useful for that.
 Microsoft MVP

Microsoft MVP

Double quotes

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

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.

Syncfusion Awards
Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon