Customizing Tool Tip

I want to customize the tooltips which appear over the thumb controls when you're dragging them. 

I can customize the overall control's tooltip by binding to the ToolTip property of the control. But I'm unclear how to access the tooltips displayed above the range start and range end thumb controls.


3 Replies 1 reply marked as answer

SS Suganya Sethuraman Syncfusion Team July 8, 2021 09:04 AM UTC

Hi Mark,

Greetings from Syncfusion.

We have analyzed your requirement. We have prepared sample based on your requirement. In this sample, we have customized the ToolTip of the SfRangeSlider. Please have a sample for your reference,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/RangeSliderToolTip-1852936158

Please check if the sample satisfies your requirement and let us know if you have any concerns.

Regards,
Suganya Sethuraman.
 


Marked as answer

MA Mark July 8, 2021 06:11 PM UTC

Thanx, Suganya, that did the trick!

I did have to tweak the width defined in the style to accommodate a longer text string. Is there a way to define the style so that the width is automagically determined by the string being displayed?



SS Suganya Sethuraman Syncfusion Team July 9, 2021 07:04 AM UTC

Hi Mark,

Thanks for the update.

We have analyzed your requirement. We have modified the sample based on your requirement. Please have a sample for your reference,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/RangeSliderCustom-1823017241

Please check if the sample satisfies your requirement and let us know if you have any concerns.

Regards,
Suganya Sethuraman.
 


Loader.
Up arrow icon