File upload with drag/drop area
Hello,
Released in v. 6.0.0 of the Upload package:
https://www.telerik.com/kendo-angular-ui/components/uploads/upload/external-dropzone/
https://www.telerik.com/kendo-angular-ui/components/uploads/fileselect/external-dropzone/
Regards,
Dimiter Topalov
Progress Telerik
The <kendo-upload> directive results in a div where drag and drop does work. You should be able to drag and drop your files on to the "Select File" button.
If you want to show a more distinct drag and drop, I was able to do it by adding CSS styles to the <em> tag which exists under the "Select files" button, but is hidden. Try adding this CSS:
.k-upload {
background-color: white;
}
.k-upload .k-dropzone {
background-color: white;
display: block;
}
.k-upload .k-dropzone .k-upload-button {
margin: 5px 0;
}
.k-upload .k-dropzone em {
display: block;
visibility: visible;
opacity: 1;
padding: 20px 10px 100px 10px;
border: 1px black dashed;
border-radius: 3px;
text-align: center;
margin: 5px 0;
}
I do agree that it would be nice for something like this to be available right off the shelf. The entire "Select files" area should be customizable via a template.