drag and drop cursor/pointer

[David Ocasio]

I am using the cursoroffset to position the pointer below and to the left of what is being dragged.

While this works great the cursor changes to a standard pointer is there anyway to have it change to something else(preferably cross hair) while dragging and then revert to default after drop.

thanks
dco

[Iliana Dyankova]

Hi David,

This is not supported out-of-the-box, however it can be achieved via additional code. For example:

• Set to the draggable element cursor: crosshair style;
• In the dragStart event change the body cursor style to crosshair;
• In the dragend set the body cursor style to default.
  

  <script>
  $("#draggable").kendoDraggable({
     //....
    dragstart: function(){
       //....
       $('body').css('cursor', 'crosshair');
    },
    dragend:  function(){
       $('body').css('cursor', 'default');
    }
  });
  </script>
  
  <style>
  #draggable {
    /*....*/
    cursor: crosshair;
  </style>

        

Regards,
Iliana Nikolova
Telerik

[David Ocasio]

perfect

thankyou
David Charles Ocasio