How to increase dropzone for kendo upload widget

2 posts, 0 answers
  1. Janusz
    Janusz avatar
    15 posts
    Member since:
    Jul 2012

    Posted 20 Apr 2016 Link to this post

    By default drag and drop files works excellent for chrome browser if the cursor is exactly over the kendo upload widget. Important - this widget is used in my application not in async mode. But when then cursor is not over kendo upload control the default action is triggered. I've blocked this by the simple code below.

    $(document).on("dragover drop", function (e) {
        if ( != "file") {

    Instead of blocking I want to change this. so when I drag file over any control in my webpage it will add a file to my kendo upload control. I've found the below solution, but this works only for one file.

    $(document).on("dragover drop", function (e) {
        e.preventDefault();  // allow dropping and don't navigate to file on drop
    }).on("drop", function (e) {
        var dataTransfer = e.originalEvent.dataTransfer;
        $("input[type='file']").prop("files", dataTransfer.files); // put files into element


    Definition of this widget is simple.

    <div class="zalaczniki-files">
        @Html.Label("Opis załączników:")
                .Messages(m => m.Select(linkCaption)))


    Please - help.



    Jaśkowiec Józef



  2. Dimiter Madjarov
    Dimiter Madjarov avatar
    2213 posts

    Posted 21 Apr 2016 Link to this post

    Hello Janusz,

    Currently the Upload widget does not support customization of it's DropZone. You could post this suggestion for implementation in our Feedback portal.

    Dimiter Madjarov
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top