Drag and Drop Support
The Upload Control’s drag and drop functionality, which allows end-users to add files to upload lists by dragging them to a control, is disabled by default. To enable it, set the ASPxUploadControl.UploadMode property to Advanced and switch the UploadAdvancedModeSettings.EnableDragAndDrop property to true.
The drag and drop functionality requires the end user’s browser to support HTML5 technology and the draggable attribute, which is supported by the following browsers: IE10+, Safari 6+, Firefox 4+, Google Chrome, and Opera 12+.
The Upload Control allows you to provide external zones (HTML elements) where end-users can drop a file to add it to the upload control file list. Specify upload control drop zones by listing zone IDs in the UploadAdvancedModeSettings.ExternalDropZoneID property. Dragging a file over a drop zone raises the following events:
- The ASPxClientUploadControl.DropZoneEnter event - when the mouse enters a drop zone element
- The ASPxClientUploadControl.DropZoneLeave event - when the mouse leaves a drop zone element