Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

CssImport when using Component Exporter by Mikhail Shabarov, 1 month ago
Recent Posts
Vaadin Forum4. Other

How to highlight multiple components for drag and drop file upload

Lucas Tomasi
7 years ago May 28, 2015 2:26am

Hello,

I'm using Vaadin to build my front-end and I want to upload files by simply dragging them from the desktop into the browser.

There are several components that can receive the file on the same page. So I used the DragAndDropWrapper on these components and implemented the DropHandler. When the user drags the file over one of the components, its style changes.

But I also would like the styles of all the components that can receive the file to get changed when a file is dragged over areas that cannot receive it, this way indicating the places the user can drop the file. Meanwhile, if the file is dragged over a receptor component only the style of this component should change again.

Is it possible to implement this using only Vaadin? Or JavaScript?