Multi Select + Drag and Drop

Need help Plugins
1

Hi!

I am working in a transportation planner app where I need to assign “Trips” to “Vehicles”. I have the drag and drop functionality working just fine: each Trip in the Trip repeating group can be dragged to a Vehicle in the Vehicle repeating group:

Screenshot 2025-09-05 at 8.52.12 AM
Screenshot 2025-09-05 at 8.52.12 AM2040×1416 195 KB

If the amount of trips begins rising, I want to be able to select many trips from a repeating group at once and then drop them in a vehicle, kind of like this image I found on Google:

image
image1500×621 15.5 KB

Is that possible? Probably a workaround will be needed. Any ideas are welcome

2

HI
Yes, you can get pretty close in Bubble, but there’s no “native” multi-select in a repeating group. The usual workaround is:

add a custom state on the page (e.g. SelectedTrips as a list of Trips),

when the user clicks a row, run a workflow that “toggles” that Trip in/out of the list (and change the cell’s background so it looks selected),

when the user drags one of the selected rows, treat it as dragging the whole list,

on drop, run a workflow that updates all items in SelectedTrips to the target vehicle and then clear the list.

This gives a click-to-select → highlight → drag → drop experience. You can even add a “Select All / Clear” button if the list is long.

1 Like