New to Kendo UI for Angular? Start a free 30-day trial
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 DropZone and the FileSelect components.
Example
View Source
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
Change Theme:
