Disable drag?

[ataxia1]

Is there any way to disable dragging?

Any time a user goes to drag slide handle, (IE7) the page scrolls all over the place.  The sliders are great looking, but I don't think they'll put up with that.

Thanks,

- Brad

[Svetlina Anati]

Hi ataxia1,

I am not quite sure that I completely understood the dragging problem you describe. I tested our online demos in a few scenarios under IE7 but I was not able to reproduce a problem with the browser scrollbars.

Would you please try to reproduce the problem with our demos and in case you succeed, send us detailed reproduction instructions? Once we are able to examine the problem, we will offer you a solution in which you should not have to disable the dragging functionality.

In case you want just to hide the drag handler, you can set the RadSlider's ShowDragHandle property to false.

Greetings,
Svetlina
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[ataxia1]

I give up.  The error happens 100% of the time when used within my site's master page, but when I put it on a fresh page with the same types of elements, everything works perfectly.

Thanks for taking a look.

[Svetlina Anati]

Hello ataxia1,

I assume that the problem comes from your custom styles - I suggest to examine them in order to locate the reason for the problem.

If you succeed to isolate the problem in a separate project and send it to me, I will be glad to help you right away.

Regards,
Svetlina
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Adam]

I would like to know if there is a way to disable the drag option. I only want users to be able to click the increase/decrease handles and that's it. Using the ShowDragHandle option will not work with all skins because with the drag handle gone, it won't show what the current selection is as it's increased and decreased.$0$0$0$0Thanks,$0$0Adam$0

[Svetlina Anati]

Hi Adam,


Would you please provide a more detailed explanation of your exact scenario? You are the first one who wants to have a handle which is visible and at the same time wants it disabled. If we have a better understanding of your scenario, we might consider implementing this but at the moment the RadSlider does not offer such configuration.

Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Adam]

I was able to do this by using this code:$0$0$0$0$0$0$0$0ClientScript.RegisterStartupScript(Me.GetType, "DisableSlider", "Sys.Application.add_load(function() {$get('RadSliderDrag_" & sldView.ClientID & "').disabled = true;});", True) $0$0$0$0$0$0$0$0I only want people to move one value at a time and not sliding down two or three values without being able to process the values they moved over. This would make it so they can only move the slider by using the increase and decrease handles.$0$0

[Svetlina Anati]

Hi Adam,

I am afraid I still do not understand your scenario - do you want your slider to be available and active to users or not? Why to disable dragging but still having a dragging handle and at the same time having enabled increase/decrease handles?

Please, provide more detailed explanation of your scenario and logic.


Regards,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Adam]

Ok, let me explain. We have a slider on the page, with a javascript event that fires each time the value increases or decreases (the values range from 0-4). We need it to fire after each increment and decrement so that we can make some changes on the page. The problem is that when a user drags the slider and moves it multiple values at at a time, it does not allow enough time for the javascript events to fire and complete their work before being fired off a second time. In order to prevent this, we want the user to be forced to increment and decrement only using the increase/decrease handles.$0$0$0$0Now, we also need to keep the drag handle showing because otherwise, the user would have no idea what current value they have selected. For example, in the WebBlue skin, if you disable the ShowDragHandle, there is no indication when they click the increase and decrease button as to what value they are on. The slider never changes.$0

[Svetlina Anati]

Hi Adam,

Thank you for providing this additional information. The described appearance and behavior when using the Web20 skin is by design but you can easily override the default settings and make the selected region visible for the user. In order to do this you should override the CSS class called selectedregion and set the desired color or image for a background and width/height (for vertical/horizontal orientation). The set width/height should be equal to the one of the track (you can check it in the skin).

For your convenience I prepared a sample demo which shows this approach for both orientations and for the WebBlue skin. In case this does not meet your requirements, please let me know, provide some more explanations and we will try to find a workaround for you.


Best wishes,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.