Force use of slider handles

[Tom]

Sorry if this is a duplicate--couldn't find this question elsewhere...

I would like my range RadSlider to only accept changes via dragging the handles, not by clicking on the track itself. What should I set to achieve this? I noticed that setting SmallChange and LargeChange to zero caused the slider to disappear. Here is my current definition:

<telerik:RadSlider runat="server" ID="rslSol" IsSelectionRangeEnabled="True" Width="150" ShowDecreaseHandle="False" ShowIncreaseHandle="False" ThumbsInteractionMode="Push" EnableDragRange="False" TrackMouseWheel="False" OnClientValueChanged="rlsSolSlideChanged" OnClientSlideEnd="rslSolSlideEnd"></telerik:RadSlider>

And here's how it looks (attached image):

[Slav]

Hello Tom,

It is not possible to disable the changing of the value of RadSlider when you click on its track out-of-the-box. I have logged this feature request in our feedback portal so you can use the following item to track its status, vote for it and comment it: http://feedback.telerik.com/Project/108/Feedback/Details/140253. If this feature gains a lot of votes it will be considered for implementation.

For the time being you can try the following customization to disable the clicking on the track:

<script type="text/javascript">
    var $ = Telerik.Web.UI;
    $.RadSlider.prototype._originalonTrackMouseDown = $.RadSlider.prototype._onTrackMouseDown;
    $.RadSlider.prototype._onTrackMouseDown = function (evt) {

    }
</script>

Regards,
Slav
Telerik

 

 

[Tom]

Thanks, Slav. This works perfectly. I appreciate your help.

[David]

Slav, for some reason handle still moves after i click on a track even though i use your suggestion

Any ideas?

[Tom]

David, FWIW I still use Slav's suggested code in my web app. It lives inside a JavaScript code block on my aspx page. I modified it only slightly by setting a variable name like so:

1.var $twu = Telerik.Web.UI;
2.$twu.RadSlider.prototype._originalonTrackMouseDown = $twu.RadSlider.prototype._onTrackMouseDown;
3.$twu.RadSlider.prototype._onTrackMouseDown = function (evt) { }

[David]

Hi Tom,

Thank you for the input. You likely correct, seems i am getting javascript error (Telerik undefined), so need to figure it out first.

Thank you

David