External DropZone

The External DropZone helps users to drag and drop files from their file systems to a dedicated user interface. It can be implemented either by using the External DropZone Component, or by adding the External DropZone Directive to an element.

DropZone Component

The DropZone Component is a drag and drop tool. To link the external DropZone to the FileSelect, provide matching IDs to the zoneId options of the DropZone and the FileSelect components.

Example
View Source
Edit In Stackblitz  
Change Theme:

DropZone Directive

The DropZone Directive allows you to create custom elements with a drag and drop FileSelect functionality. To link the custom element with the FileSelect, provide matching IDs to the kendoFileSelectDropZone directive and the FileSelect zoneId option.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?