Slider issue over a draggable div

I have initialized a slider on a div which is initialized as a draggable. I'm having issue that if i try to move slider, then that whole div is moving. I want avoid draggable event when i'm moving slider 

3 Replies

AB Ashokkumar Balasubramanian Syncfusion Team February 15, 2018 02:39 PM UTC

Hi Ahman, 
 
We have checked your reported problem. We suspect that you have rendered our Slider component into Draggable Element. You can block the particular dragging target area using dragStart event of Draggable plugin, please check the below code block. 
 
[Script] 
 
$('.frame').ejDraggable({ 
            helper: function (event) { 
                 return $(event.element); 
             },                  
             dragStart:"sliderMovementBlock"  
 }); 
 
function sliderMovementBlock(args){ 
            if (args.target.classList.contains("e-slider") || args.target.classList.contains("e-handle")) { 
                        args.cancel = true; 
            } 
      } 
 
For your reference, we have prepared simple demo sample, please check it in below location. 
 
 
To know more details about Draggable Plugin properties, please check the below documentation. 
 
 
Please let us know, if the provided information’s is resolved the problem. If not, please reproduce the problem in our sample and revert with replication procedure.   
 
Regards, 
Ashokkumar B. 



AH ahman February 19, 2018 11:38 AM UTC

Thank you, its working


AB Ashokkumar Balasubramanian Syncfusion Team February 20, 2018 05:42 AM UTC

Hi Ahman, 
 
Most Welcome. 
 
Please let us know, if you need any further assistance. 
 
Regards, 
Ashokkumar B. 


Loader.
Up arrow icon