Log In
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Collapse]ASP.NET Bootstrap Controls
  ASP.NET Bootstrap Controls - Overview
 [Expand]Getting Started
 [Expand]Grid View
 [Expand]Card View
 [Collapse]Data Editors
   Binary Image
   Button Edit
   Check Box
   Check Box List
   Combo Box
   Date Edit
   Dropdown Edit
   List Box
   Progress Bar
   Radio Button
   Radio Button List
  [Expand]Range Selector
   Spin Edit
   Tag Box
   Text Box
   Time Edit
  [Collapse]Upload Control
    Upload Modes
    Drag and Drop Support
    Multi-File Selection
 [Expand]Site Navigation
 [Expand]Site Layout
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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:

Expanded See Also

Is this topic helpful?​​​​​​​