This is an update we’re very excited to share, as it opens a lot of possibilities in terms of what you can do with Bubble! You can now add draggable elements, that users can drag around, and make them droppable, in which case this can trigger a workflow. This lets you do a lot: if you think about Tinder in a Bubble way, a workflow is triggered when a draggable picture is dropped on one of 2 drop areas, like and dislike.
To use this, you have to add the Plugin ‘Draggable Elements’ to your app. This brings 2 elements:
- a draggable group, that behaves like a group data-wise, and that can be dragged around. You can either make it droppable, in which case it will trigger a workflow when dragged on a drop area.
- a drop area that receives a draggable group, and that triggers a workflow.
We also have an action that lets you move a draggable element programmatically, which can be useful to highlight some parts of the interface, etc.
Here are some examples of how it works (please do not modify these pages)
Draggable - Droppable elements + workflows: https://bubble.io/page?type=page&name=droppable&id=forumapp3&tab=tabs-1 / https://forumapp3.bubbleapps.io/version-test/droppable