Realize a file drag area overlapped on a grid

[Adriano]

Hi,

I would like to realize a drag area overlapped on a grid, similar to the File Manager component; dragging a file on the files area (grid) is shown a dotted box as drop zone for the file.

Is it possible?

Thanks

Adriano

[Manivel Sellamuthu]

Hi Adriano, 

Greetings from Syncfusion support. 

From your query, we are unclear about your exact requirement. Could you please explain your requirement in the Grid with Screenshot or video demonstration. 

which will help us to understand your requirement, and provide a better suggestion as soon as possible 

Regards, 

Manivel 

[Adriano]

I have the grid with a documents list (screenshot01).

I would like grid (documents list) to intercept file dragging from my computer (my file system) (screenshot02).

To realize this I use a directive class to intercept file dragging events (dragover, dragleave, dragdrop).

The directive class is based on example in https://medium.com/@tarekabdelkhalek/how-to-create-a-drag-and-drop-file-uploading-in-angular-78d9eba0b854 and https://stackblitz.com/edit/angular-drag-n-drop-directive.

Unfortunately this my realization doesn't work for a flickering effect that you can see executing the code in datagrid-test.zip attachment.

The attachment zip file contains:

- screenshot folder with screenshot01 and screenshot02

- angular test project without node_modules folder

Thanks

Adriano

Attachment: datagridtest_dcc27d54.zip

[Manivel Sellamuthu]

Hi Adriano, 

We have already provided solutions for this query in the Forum 161379. Please follow-up with that forum for further updates. 

Regards, 

Manivel