How to customise the Tooltip of Xamarin.Forms SfRangeSlider?

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> 
 

Conclusion

I hope you enjoyed learning about how to customize the Tooltip of Xamarin.Forms SfRangeSlider.

You can refer to our Xamarin.Forms RangeSlider feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!