Dropzone file listing - option to DIY and remove default

💬 Feature Requests
1

Hey there,

have been playing with Dropzone component. I love it... but I'd like to see an option to not use the default "Selected files" display. It's not really of much use.

For a single uploaded files, it shows you the name of that file, and allows you to remove it. For more than one file (as in my screenshot), it becomes pointless.

image
image1448×848 40.5 KB

I'd rather use my own ListView or Table (as above) to list and remove files from the Dropzone.

1 Like
2

Hey @hansontools! Logged this as a feature request internally and I'll update you here as I get any additional information to share on the status. Thanks!

1 Like
3

Hi @joeBumbaca,
any update on this? Especially for other languages, the default "n files selected" seems inapropiate. Maybe can be implemented as a label field that can be set?

Second:
I want to do something like this to remove files from the dropzone:

function removeFileFromDropzone(fileId) {
  const updatedFiles = file_dropzone.value.filter(file => file.fileId !== fileId);
  file_dropzone.setValue(updatedFiles);
  return updatedFiles;
}

return removeFileFromDropzone(table3.selectedRow.fileId); // replace "desiredFileId" with the actual fileId to remove

The output is:
file_dropzone.setValue is not a function

4

Hi @whynot,

Unfortunately no update in the ticket.

In full transparency, it doesn't seem to be on our roadmap for the near future.

I agree that having that "n files selected" doesn't make sense for other languages. Having this be more customizable as a label would make sense.

I also agree that having a programatic way to control the state of the files in the component such as with file_dropzone.setValue would be very helpful. I was just looking through the available methods for the component and they seem fairly limited. I can add this to the ticket as well.