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" /> 
</StackLayout> 
 

 

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.
ADD COMMENT
You must log in to leave a comment
Comments
Victor Arce
Jun 07, 2018

Is there a way to always show the tool tip?

Reply

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