Completed
Last Updated: 13 May 2020 08:04 by ADMIN
Jason
Created on: 11 Jul 2017 15:18
Category: Upload
Type: Feature Request
9
Drag Upload
File upload with drag/drop area
2 comments
ADMIN
Dimiter Topalov
Posted on: 13 May 2020 08:04

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Kevat
Posted on: 16 Mar 2018 19:51
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.