Slider with exponential range

[David Perera]

Hello,

I want to use this control with an exponential range and not linear (e.g. you move and it makes 1day, 1week, 1month of range each tick, instead of 1 day, 2 days, 3 days)

This customization is possible?

Thanks,

Regards.

[Rabhia Beham Kathar Mideenar]

Hi David,

Thanks for contacting Syncfusion Support.

We have analysed your requirement and have created a sample using SfRangeSlider Control. We have used the IValueConverter to get the exponential value. Please have the sample from the below link.

Sample Link: http://www.syncfusion.com/downloads/support/forum/138087/ze/Rangeslider_Slider203697_21598397960 

Please check with the sample and let us know if you have any concern.

Regards,
Rabhia Beham K. 

[David Perera]

Thank you for your effort.

I will explain further my requirement.

I do not need labels I just need to stablish a minimum and maximum to the slider. In the final product I will be working with times, since this is a "duration" slider. So básically if you stablish mínimum of 0, and máximum of 4weeks, it should create the intermediate values.

Thank you

[David Perera]

Also I would want to ask another question.

It is possible to have two points moving in the Slider for stablish the range? (e.g. startRange and endRange).

Thank you very much

[Rabhia Beham Kathar Mideenar]

Hi David,

We have to use the same IValueConvertor for the duration slider. We have modified the code snippet for the RangeStart and RangeEnd Value. Please have the sample from the below link.

Sample Link: http://www.syncfusion.com/downloads/support/forum/138087/ze/Rangeslider_Slider203697_3515995241
 

Please let us know if you have any concern.

Regards,
Rabhia Beham K. 

[David Perera]

Thanks for your time,

It is possible to show instead of the values 0, 20, 40, 60, 80, 100, the exponential values instead?

In other words, it is possible to modify the label that is shown when you drag?

By the way, the example is not working very well... if you move the left point, and then the right point, the left point moves also automatically.

Thanks

[David Perera]

Hello,

I attach the example you made, modified by me (you can ignore the previous message).

Take into account that the example can take time to initialize.

What I just want is:

1- Show labels and NOT values in the tooltip. when you move the slider.

2- Do not show labels at the bottom

Thanks.

Attachment: Rangeslider_Slider203697_46982293.7z

[Paul Anderson S]

Hi David, 

 

Thanks for the update. 

Query 1: Show labels and NOT values in the tooltip. when you move the slider. 

Currently we don't have the support to modify the label instead of value in the tooltip. So we have considered this as a feature request and logged a feature report for “Custom values in Tooltip” and this feature will be available in any of our upcoming Volume releases. 

 

Query2: Do not show labels at the bottom 

To hide the value label, set the ShowValueLabel property as false. To hide the custom label, set the ShowCustomLabel as false. By using above two property we can achieve your requirement. 

 

Regards, 

Paul Anderson 

[David Perera]

Actually the tooltip label also shows.

I have achived my requirement by putting TooltipTextColor = Color.Transparent, but it makes a strange blink somtimes when you slide.

Thanks

[David Perera]

I actually found that I have a property which is ToolTipPlacement that I set to ToolTipPlacement.None.

So I solved the graphic issue, and all works as expected. Thanks!

[Paul Anderson S]

Hi David, 

 

Thanks for the update. We are glad that you have found the solution for your requirement. Please let us know if you need further assistance. 

 

Regards, 

Paul Anderson