How to Bubble: Reorder list in Bubble.io (reorder repeating group)

[@JamieWells1]

I'm making an educational quizzing platform for students, and I have come back to this video so many times when I need to do something with ordering because this one is the only one I trust. Thank you !!

[@ProKramm]

This is great! The simplest and most understandable solution for such a problem. Thank you.

[@bestbubbledev]

I appreciate 🫶

[@william_78]

dude, it was the most genius way I found to do that on youtube. thank you so much

[@bestbubbledev]

LOL thank you! 🫶🫶

[@WillGoesMeta]

Thank you so much, you just earned a new subscriber. Great explanation for a complicated task!

[@sandhyajaideep7676]

This worked so well! Thanks for creating this video with clear instructions and explanations.

[@richardeaton1544]

Great simple explanation of how to do drag and drop re-ordering of repeating groups. Thanks for sharing 🙌

[@bestbubbledev]

Thank you Richard! 🫶

[@riccardovannozzi568]

fantastic tutorial. Complex but very informative

[@thiagomafort9249]

the best tutorial on drag and drop order

[@bestbubbledev]

Thank you so much! 🙏

[@socialXimpact]

Really helpful to simplify this confusing task. Just one potential bug with your code. Assigned the Order Number by using Search for Brands:count + 1 will give you issues if at any point you need to delete Brands. For example, if Brand 1 order number is 1, Brand 2 order number is 2, I delete Brand 1, then Brand 3's order number will also be 2. A better approach would be to use Search for Brand's Order Number: Max + 1, so that you're always guaranteed a bigger number.

[@bestbubbledev]

Great point! However you can update all the other brand’s order numbers that > current brand ON by -1. Another way could be instead of + & - to use the order number > current cell’s ON’ first item. But you’ll need to properly sort the order in the DB :) Actually I just fixed the same issue in on of the apps that’s about to go live.

[@rudib1119]

@@bestbubbledev Hi, thank you for a great tutorial. In my user case it's necessary to be able to update the other items order number when the user deletes an item. I'm trying to figure out how to do this. Could you describe a workflow?

[@mmendezgracia]

I did it ! great funtionality. thanks!!. When I move the first box, es possible to "open" a space instead to change the position ?

[@bestbubbledev]

Great question. Have not played with this in a long time. I think I tried to but couldn’t figure it out.

[@BrandonSprecher-ip1hy]

Awesome Video! Thanks for the Help!

[@bestbubbledev]

Thanks for watching! 🫶

[@TheRainemt]

Hey mate, Im wondering how you might set it up so instead of swapping the dragged group with the group you place it on, you simply shift the other cells up? thanks

[@17toomas]

Awesome, thanks! :)

[@juancarvalho]

Awesome, worked very well!

[@bestbubbledev]

Thank you man! 🫶

[@N01Espada]

This is great! thank you for posting this.

[@bestbubbledev]

Glad you enjoyed it! ✊

[@janiecel]

How would you do this with multiple columns?

[@rockandropejo]

what if you wanted to permanently save the new order of the items in the repeating group to the database? i've been trying to figure this out for days now...for context, i'm building a workout app where users can drag and drop to reorder the exercises within a particular workout and then save the new order to the database. i have a workout 'thing' in the database which has a field that is a list of exercises (another type of 'thing' in the database)...very grateful for any insights!

[@TheRainemt]

Just do make changes to a thing and save the state as a thing as part of the workflow

[@MoonKidAI]

"A drop area has a group dropped on it" isn't listed as an option under elements in my Bubble editor. Anyone else have this issue?

[@bestbubbledev]

Did you get the plugin called Draggable Elements? It's by Bubble.

[@Jack-jz7ej]

Thanks man, you saved me, ive encountered other payed options, you think they are worth it?

[@greenmusk]

This is awesome!!! Thank you

[@bestbubbledev]

You're so welcome! ✌️

[@rudib1119]

Thank you!! :)

[@bestbubbledev]

🫶

[@adammiko4825]

This has been the greatest explanation of this concept I've seen! What would the approach be if instead of swapping items, you wanted to shift all items in the following cells down 1 in the list?

[@bestbubbledev]

Thank you for saying that! ✊ Do you mean you need to push an item between the two instead of swapping order numbers? If that's your question I'm working on that now. 😎

[@adammiko4825]

@@bestbubbledev Exactly! Will you be posting a video regarding this soon? Thank you

[@bestbubbledev]

@@adammiko4825 so this is where I’m stuck at. Re-order works but UI is not quite finished yet: twitter.com/bestbubbledev/status/1523655779970334720?s=21&t=faHlg-5iY9VpaWVmOFkwFQ

[@adammiko4825]

@@bestbubbledev I hear you! The UI stuff in Bubble can be a pain. Thanks for working through this. Keep me updated as it continues to be worked out. Really curious on how the final product will function. Maybe there's something involved with the order being a state, changing the order to be based off the list of the state, pausing before the next action in the workflow, and then changing the order back to what it should be

[@adammiko4825]

@@bestbubbledev Hi there! Hope you've had a good weekend. Any updates on this?

[@rishumehta745]

does it has to have an order number for this operation?

[@bestbubbledev]

Yep that's necessary ✊

[@reginaldbrooks2981]

Thank you! This really helped me out after being stuck for a few days. I have one question. Is there a way to do the swapping function without a workflow action?

[@bestbubbledev]

I’m so glad! It helped. Not sure how you’d do that. You may be able to do it but only on the front end using Custom States. The moment you refresh the page list will go back to the original state. Make sense?!

[@netotjb]

Parabéns pelo vídeo

[@bestbubbledev]

Muchas gracias, te lo agradezco!

[@timothybougart2938]

why is it my type of content I dont have " brand" please help

[@nathanconty7047]

Thanks for the video it was helpfull ! You win one more follower. Question : How would you do to apply this to all the element of the list ? Exemple : I have 4 items with rank : 1 item one 2 item two 3 item three 4 item four If I do this with your answer when i move the item four to the first place the result will be : 1 item four 2 item two 3 item three 4 item one But I would like to have : 1 item four 2 item one 3 item two 4 item three It's like when i move the item four to the first place all of the other item will have -1 to their index. How would you do this ? thanks a lot

[@bestbubbledev]

In your case when you move Four to One, Four should get the order number of One and everything else including One and above should get +1. Does it make sense?!

[@pneumachill1872]

Thanks buddy

[@netotjb]

Acompanhando

[@lupietulia2986]

nice

[@bestbubbledev]

Thanks 🙏

[@EljansLife]

actually they should add default index number in the database

[@bestbubbledev]

That would be nice I guess

[@abhineetagrawal9038]

Thanks for the awesome video but please be a bit louder in coming videos...it is difficult to hear you

[@bestbubbledev]

Noted ❤️✊

[@alainpapaa7930]

Will you be our mental. We are middle level bubble developer we would like to go up next level exceptionally with workshops and functions.