Skip to main content
BuyLog In
ASP.NET Web Forms Controls
Search in…
Docs > Components > File Management > File Upload > Drag and Drop
All docs
V24.1
ASP.NET Web Forms Controls
Prerequisites
Supported Browsers
What's Installed
Get Started
Upgrade to a New Version
Common Concepts
Components
Card View
Chart Control
Data and Image Navigation
Data Editors
Diagram
Docking and Popups
File Management
Deployment
File Manager
File Upload
Upload Modes
Upload Large Files
Multi-File Selection
Page Life Cycle During File Upload
Drag and Drop
Validation
Appearance Customization
Troubleshooting
Visual Elements
Gantt
Gauges
Grid View
HTML Editor
Multi-Use Site Controls
Pivot Grid
Reporting
Rich Text Editor
Scheduler
Site Navigation and Layout
Spell Checker
Spreadsheet
Tree List
Vertical Grid
Query Builder
Security Considerations
Redistribution and Deployment
Troubleshooting
Get More Help
.NET Framework API Reference
Client API Reference
Download CHM

Drag and Drop

Users can drag files to ASPxUploadControl to add files to a list of files to be uploaded. The drag and drop functionality is initially disabled (the default setting). To enable it, set the ASPxUploadControl.UploadMode property to Advance and switch the UploadAdvancedModeSettings.EnableDragAndDrop property to true.

ASPxUploadControl_DragAndDrop

You can use the UploadControlStyles.DropZone property to customize the drop zone style settings.

ASPxUploadControl allows you to define external zones (HTML elements) where users can drop a file to add it to the upload control file list. To specify upload control drop zones, list zone IDs in the UploadAdvancedModeSettings.ExternalDropZoneID property. When a file is being dragged over a drop zone, the following events are raised.

  • The DropZoneEnter event fires if the mouse pointer enters a drop zone element when a user drags a file.
  • The DropZoneLeave event fires if the mouse pointer leaves a drop zone element when a user drags a file.

Run Demo: Drag And Drop Functionality