Drag and Drop Project

Hi everyone. I am currently creating a app and need your assistance.

I am trying to build a table where I can drag and drop any images from the top of the app inside one of the boxes(droparea). I want the initial image to stay in place after being dopped and I want it to be able to be dragged again in another box if necessary. I am linking an image below that will surely help understanding what I want.

Thanks already for the help.

Tim

1 Like

Hey @t.zangger :wave:

What have you tried so far? Where are you getting stuck? Let us know so we can help. :blush:

1 Like

Here is an example for you. Hope that it helps point you in the right direction. :blush:

Editor: testApp42wCleanDB | Bubble Editor

Preview: https://testapp42wcleandb.bubbleapps.io/version-test/drag_and_drop_project?debug_mode=true

1 Like

Hi there, Thank you so much. This is exactly what I need to achieve.

I’ll try to understand what you’ve done and will come back to you if needed

1 Like

Cool. Hope it helps. :blush:

1 Like

Small 1uestion, can I use uploaded images instead of icons?

Yes, of course. :blush:

1 Like

Hey, I am stuck again. This is how far I’ve gotten:

1 Like

Looks like you are very close. The only thing that I see is that you don’t have the image being displayed on the screen. The workflow looks like it runs correctly. Check it out:
Check this box:


Clear out this image:

Let me know if that helps. :blush:

I was soo close!!! thank you very much.

1 Like

No worries. Happy to help. :blush:

1 Like