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. Image for the cookie policy date

Hide the Knob on Range Slider control?

Anyone know how to hide the knob on the SFRangeSlider control until the range slider is touched by a user?  We have a UI/UX where we would like to let the user know that they have not yet selected an option for a value in the range (as we can not assume something in the range between the minimum or maximum values).  It is important to know that even the default option was what they intended and we didn't get lucky and have it already set for them.

I have tried changing the KnobColor property to Color.Transparent in Xamarin Forms and then changing the color of the knob to something else when the ValueChanging event is called.  Unfortunately, if the user touches the same value where the Transparent Knob is parked (because we got lucky and set the right default) then the ValueChanging event doesn't occur.  If we didn't get lucky then the trick works because they move the knob to the any other value and the color changes.

We have also tried setting the value of the slider to something outside the range so that any new value selected in the range calls the ValueChanging event.  This doesn't work because the knob is always parked then to either the maximum or minimum value on display even if the value is outside the range.

Thank for any advice or tricks you can offer up to me.

1 Reply

SK Selva Kumar  Veerakrishnan Syncfusion Team October 24, 2017 03:02 PM UTC

Hi Keith, 
Thank you for contacting Syncfusion Support.

We can achieve “KnobColour changing when touching the Rangeslider control” by using Focus event. Currently we do not have support for Focus Event. However we have added it to our feature request list. 

Note: Feature implementation is tentative and not a commitment on our parts. We do not have immediate plans for this feature implementation due to preplanned tasks. We will update you once the feature has been implemented.  
Regards, 
Selva Kumar V. 


Loader.
Up arrow icon