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

How to customise the ToolTip of SfRangeSlider

Platform: Xamarin.Forms |
Control: SfRangeSlider |
Published Date: April 28, 2017 |
Last Revised Date: June 23, 2019

Syncfusion RangeSlider in Xamarin provides ToolTip to show the range of value in the pop-up.


ToolTip has the following mentioned properties:


1. ToolTipPlacement – TopRight, BottomLeft, and None are the ToolTipPlacement options available in SfRangeSlider.

2. ToolTipBackgroundColor – This option allows background color for the ToolTip.

3. ToolTipTextColor – By using this property, you can change the text color of the ToolTip.

4. ToolTipPrecision – By using this property, you can set the number of decimal digits in the ToolTip.


To set ToolTip property, follow the given procedure:


Step 1: Create SfRangeSlider, and add the assemblies to the program.


Step 2: Add the ToolTip properties in the program.


The following code illustrates how to achieve this way.


Code snippet:

C# Code in First Page:


<StackLayout VerticalOptions="Center" HeightRequest="500">
<range:SfRangeSlider x:Name="rangeSlider" ToolTipPrecision="2" 
ToolTipPlacement="BottomRight" ToolTipBackgroundColor="Lime" ToolTipTextColor="Red" 
TickPlacement="Outside" HeightRequest="200" ShowRange="false" Orientation="Horizontal" /> 


Image for ToolTipPrecision with ToolTipTextColor:

SfRangeSlider tooltip text color



Image for ToolTipBackground:


SfRangeSlider tooltip background


2X faster development

The ultimate Xamarin UI toolkit to boost your development speed.
You must log in to leave a comment
Victor Arce
Jun 07, 2018

Is there a way to always show the tool tip?


Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

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