Vertical Layout Drag & Drop

Flow
1

Hi,

any idea on how to build e vertical layout drag & drop with new html5 drag & drop features of vaadin 14.1 ?

In particular

  1. How can i identify the position where to add the new component
  2. How to show the hilights where to drop from a component to another

Thanks.

2

Hi,

I’m not answering exactly your question but I did an add-on for vaadin 14+ to be able to reorder a layout( with drag and drop): https://vaadin.com/directory/component/sortable-layout

With the new API in Vaadin 14.1, ( in my opinion) it’s not really to drop in a particular position inside a component ( like in certain position in your layout).

3

Jean-Christophe Gueriaud:
Hi,

I’m not answering exactly your question but I did an add-on for vaadin 14+ to be able to reorder a layout( with drag and drop): https://vaadin.com/directory/component/sortable-layout

With the new API in Vaadin 14.1, ( in my opinion) it’s not really to drop in a particular position inside a component ( like in certain position in your layout).

Hi Jean,

your add-on is really interesting, i’ll try it.

What i’m looking for is a replacement of DragDropLayouts add-on that is running well in vaadin 8

Thanks

4

Hi Giovanni,

Did you find a solution for your problem?