How to disable uploads in SfFileManager?

[BrianPD]

Is there a way to completely disable uploading in FileManager? My application requirement is for a read-only file viewer / downloader.

I know how to customize the toolbar and that's fine. But I cannot disable the drag-and-drop capability - from outside the browser to upload files.    AllowDragAndDrop was confusing at first, but I understand this is for internal moving files around inside the control, not related to drag and dropping files from a user's computer into the control.   

Any CSS/JS magic to remove the upload functionality completely?

Thanks!

[BrianPD]

We figured it out by way of some css:

    
.e-fe-overlay {
     display: none !important;
}

and some javascript:

export function disableKeyBoardEventsForElement(id) {

    const element = document.getElementById(id);

    if (!element) {

        console.log("element ", id, "not found")

        return;

    }

    const eventHandler = (event) => {

        // allow Enter to be processed beacuse it is used to download files

        if (event.code == "Enter") {

            return;

        }

        console.table(event);

        event.preventDefault();

        event.stopPropagation();

        event.stopImmediatePropagation();

        return false;

    };

    var largeicon_view = document.getElementById(id + "_largeicons");

    var details_view = document.getElementById(id + "e-layout");

    element.addEventListener("dragstart", eventHandler);

    element.addEventListener("drop", eventHandler);

    details_view.addEventListener("dragstart", eventHandler);

    details_view.addEventListener("drop", eventHandler);

    largeicon_view.addEventListener("dragstart", eventHandler);

    largeicon_view.addEventListener("drop", eventHandler);

    element.addEventListener("keyup", eventHandler);

    largeicon_view.addEventListener("keyup", eventHandler);

    details_view.addEventListener("keyup", eventHandler);

}

[BrianPD]

Also if you want to remove the "Drag files..." message:

    .e-empty-inner-content {
        display: none !important;
    }



[Shereen Shajahan]

Hi Brian

We are glad to know that the reported problem has been resolved at your end. Please let us know if you have any further queries on this. We are happy to help.

Regards,

Shereen