Freely Drag Components

Vaadin 6 / 7 / 8 Framework UI
1

I’ve seen the Sampler demo where you can reorder components, but is there a way to allow the user to freely drag and drop components anywhere inside a container? I am making an application that allows users to draw text (using Labels) onto an image as annotations. Then move the annotations around and resize them. Can this be done with Vaadin? If so, please let me know. I read somewhere that you can go down to the GWT level for things, but I have no idea how to do that. And I’ve never used GWT before.

Thanks.

2

Are you perhaps looking for something like in
this example
?


This other example
 does much the same thing, except that you don’t need to switch between move and edit mode, just click the components.

This is also mentioned in
the Book
, although just briefly.

No knowledge of GWT is required for this, it’s purely server-side programming.

3

That’s pretty sweet, and very close to what I’m looking for. Is there a way to make the components resizable as well?

4

Good question. It might be possible to make a drag handle for resizing each component, and then animate the resizing using a ServerSideCriterion. Might be a bit slow though. Well, with client-side (GWT) programming anything is possible.

5

How would I go about doing this? I’ve never worked with GWT before.