Change default column drag/drop pointer behavior

Change default column drag/drop pointer behavior

Posted by: aarnautov on 14 September 2017, 12:10 pm EST

• 

  aarnautov

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:10 pm EST

  Hi,

  I’m trying to change the drag/drop icon when dragging columns.
  
  I tried doing this through the onDraggingColumn method but the Event I’m getting doesn’t give me any access to the target element and the event that is executing while dragging and the opacity of the dragged items.
  
  Any ideas on this ?

  I’m not using the angular version of Widjmo FlexGrid.

  Cheers,
  
  Aleks.

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:10 pm EST

  Hello Aleks,
  
  We are sorry, the issue changing drag/drop icon required further investigation with tracking id 275173.

  If you would like to handle draggingColumn event,please use the following code snippet for the same:

  flex.draggingColumn.addHandler(function(s,e){
       // e: cell range argument
  });

  Thanks,
  
  Manish Kumar Gupta

• 

  aarnautov

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:10 pm EST

  Hi Manish,

  Thanks for the quick feedback. If you could get back to me with some solution on this one that will be highly appreciated.

  Thanks,
  
  Aleks.

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:10 pm EST

  Hi Aleks,
  
  We will let you know as soon as we get any update on this issue.

  Thanks,
  
  Manish Kumar Gupta

• 

  aarnautov

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:10 pm EST

  Any updates on this one ?

  Regards,
  
  Aleks.

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:10 pm EST

  Hi Aleks.
  
  This issue is still with the development team.

  Thanks,
  
  Manish Kumar Gupta

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 26 January 2018, 1:08 am EST

  Hi,
  
  From the development team:

  The FlexGrid uses standard HTML5 drag/drop, and that AFAIK does not support custom icons. You must use the default icons for UI consistency.

  What you may be able to do is change the drag/drop image, which by default is the header of the column being dragged. To do that, please refer to the documentation here:

  https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage

  ~Manish