Dynamically create a copy of a widget after drag and drop

#1

Hello

What I would like to do, is mock the interaction where users can take components from a tool bar and drop them onto a canvas (Like Axure ;))

I am able to move a control, but then it’s no longer on the tool bar - this means that I can only have 1 control of each type.

I tried using a repeater but the control moves back to its original place.

I’m attaching the .rp file

Is it possible to create a new copy of the dropped component, so that the user can drop another one?

Thank youdragndrop.rp (77.2 KB)

#2

Hi,

By any chance, do you want that elements dropped in the canvas to be well ordered like a grid?
dragndrop - test.rp (122.3 KB)

Else there’s a buggier solution on the second page

Best,

#3

Thank you Pierre

They cannot be arranged. They need to be placed where the user drops them.
As a workaround, I just created a couple of copies of each element, so the user can drag and drop 3 or 4, but not more.
If I’m lucky, they might not even notice :wink:

Best
Dorota

unlisted #4
closed #5