Xamarin Range Slider control | Custom Slider

Overview

The Xamarin.Forms Range Slider is a control that allows users to select a range of values within the specified minimum and maximum limits.

Orientation

A Xamarin Range Slider can be horizontal or vertical.

Orientation documentation

Xamarin.Forms Range Slider control shows the orientation support.

Single slider

Xamarin.Forms Range slider can be used as a simple slider.

Xamarin.Forms Range Slider control shows the slider view support.

Formatting string

You can format the strings to different format like currency format,percent format etc.

Formatting string documentation

Xamarin.Forms Range Slider control displays formatting string.

Tick customization

You can place tick marks along the track in a uniform manner and you can also customize the position of tick marks.

Tick customization documentation

Xamarin.Forms Range Slider tick color customization.

Color customization

Customize the look and feel of the default tick using color property.

Xamarin.Forms Range Slider placement.

Placement

You can change the tick position to bottom-right, inline, outside, or top-left.

Label customization

You can display custom labels and you can also customize label positions.

Label customization documentation

Xamarin.Forms Range Slider custom labels.

Custom labels

The Xamarin.Forms Range Slider is not restricted to numeric values, so you can visualize values as text, like: Low, Medium, High; or Bad, Good, Excellent.

Xamarin.Forms Range Slider label placement.

Placement

You can change the tick position to bottom-right or top-left.

The value of the pointer or range is shown in a tooltip. You can control the placement of tooltips.

Xamarin.Forms Range Slider tooltip.

Precision

Define the precision of the value displayed in the tooltip.

Xamarin.Forms Range Slider label placement.

Placement

You can change the tooltip position to bottom-right or top-left.

Xamarin.Forms Range Slider Code Example

Easily get started with the Xamarin.Forms Range Slider using a few simple lines of C# code example as demonstrated below. Also explore our Xamarin.Forms Range Slider Example that shows you how to render and configure the Range Slider for Xamarin.Forms.

xaml
c#
<range:SfRangeSlider x:Name="rangeslider" RangeEnd="20" RangeStart="4" ShowRange="true"/>
SfRangeSlider rangeSlider;
public MainPage()
{
InitializeComponent();
rangeSlider=new SfRangeSlider();
rangeSlider.RangeEnd=20;
rangeSlider.RangeStart=4;
rangeSlider.ShowRange=true;
this.Content = rangeSlider
}

Frequently Asked Questions

✅ Why should you choose Syncfusion Xamarin Range Slider?

The Syncfusion Xamarin Range Slider provides the following:

One of the best Xamarin Range Sliders on the market.
A control that can be used as either a slider or a range slider.
A bunch of features with customization options suitable for building complex, large-scale applications.
Simple configuration and API.
A touch-friendly and responsive UI.
Extensive demos and documentation to learn quickly and get started with Xamarin Range Slider.

✅ Where can I find the Syncfusion Xamarin Range Slider demo?

You can find our Xamarin Range Slider demo here.

✅ Can I download and utilize the Syncfusion Xamarin Range Slider for free?

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

✅ How do I get started with Syncfusion Xamarin Range Slider?

A good place to start would be our comprehensive getting started documentation.

Rated by users across the globe

Amazing tool, great designs

Using Xamarin templates from Syncfusion I can focus on the code and do not have to worry about design. Very easy to implement.

Dirk F,

Software Development Engineer, Small-Business

Essential for any Xamarin developer!

A large number of components that complement or improve almost everything that does not yet exist in Xamarin. The support is the best I've ever seen! They fix bugs quickly and are always willing to listen to suggestions.