Тёмный

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

Best Bubble Developer
Подписаться 1,8 тыс.
Просмотров 8 тыс.
50% 1

My Portfolio: bestbubbledev.bubbleapps.io/
Follow me on Twitter: / kakhiani13
Connect on LinkedIn: / giokakhiani
0:00 - Intro
00:28 - Setting up Database
00:39 - Assign Order Number
01:20 - Design & Draggable Element
07:07 - Min Width Mystery
10:12 - Setting up Workflow

Опубликовано:

 

27 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 59   
@JamieWells1
@JamieWells1 2 месяца назад
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 !!
@sandhyajaideep7676
@sandhyajaideep7676 Месяц назад
This worked so well! Thanks for creating this video with clear instructions and explanations.
@richardeaton1544
@richardeaton1544 4 месяца назад
Great simple explanation of how to do drag and drop re-ordering of repeating groups. Thanks for sharing 🙌
@bestbubbledev
@bestbubbledev 4 месяца назад
Thank you Richard! 🫶
@socialXimpact
@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
@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
@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?
@ProKramm
@ProKramm 8 месяцев назад
This is great! The simplest and most understandable solution for such a problem. Thank you.
@bestbubbledev
@bestbubbledev 6 месяцев назад
I appreciate 🫶
@N01Espada
@N01Espada 2 года назад
This is great! thank you for posting this.
@bestbubbledev
@bestbubbledev 2 года назад
Glad you enjoyed it! ✊
@BrandonSprecher-ip1hy
@BrandonSprecher-ip1hy Год назад
Awesome Video! Thanks for the Help!
@bestbubbledev
@bestbubbledev 6 месяцев назад
Thanks for watching! 🫶
@william_78
@william_78 9 месяцев назад
dude, it was the most genius way I found to do that on youtube. thank you so much
@bestbubbledev
@bestbubbledev 9 месяцев назад
LOL thank you! 🫶🫶
@greenmusk
@greenmusk Год назад
This is awesome!!! Thank you
@bestbubbledev
@bestbubbledev Год назад
You're so welcome! ✌️
@thiagomafort9249
@thiagomafort9249 7 месяцев назад
the best tutorial on drag and drop order
@bestbubbledev
@bestbubbledev 6 месяцев назад
Thank you so much! 🙏
@juancarvalho
@juancarvalho 5 месяцев назад
Awesome, worked very well!
@bestbubbledev
@bestbubbledev 5 месяцев назад
Thank you man! 🫶
@netotjb
@netotjb Год назад
Parabéns pelo vídeo
@bestbubbledev
@bestbubbledev Год назад
Muchas gracias, te lo agradezco!
@mmendezgracia
@mmendezgracia 6 месяцев назад
I did it ! great funtionality. thanks!!. When I move the first box, es possible to "open" a space instead to change the position ?
@bestbubbledev
@bestbubbledev 6 месяцев назад
Great question. Have not played with this in a long time. I think I tried to but couldn’t figure it out.
@rudib1119
@rudib1119 Год назад
Thank you!! :)
@bestbubbledev
@bestbubbledev 6 месяцев назад
🫶
@netotjb
@netotjb Год назад
Acompanhando
@Jack-jz7ej
@Jack-jz7ej 17 дней назад
Thanks man, you saved me, ive encountered other payed options, you think they are worth it?
@TheRainemt
@TheRainemt 11 дней назад
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
@janiecel
@janiecel 11 дней назад
How would you do this with multiple columns?
@reginaldbrooks2981
@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
@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?!
@adammiko4825
@adammiko4825 2 года назад
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
@bestbubbledev 2 года назад
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
@adammiko4825 2 года назад
@@bestbubbledev Exactly! Will you be posting a video regarding this soon? Thank you
@bestbubbledev
@bestbubbledev 2 года назад
@@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
@adammiko4825 2 года назад
@@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
@adammiko4825 2 года назад
@@bestbubbledev Hi there! Hope you've had a good weekend. Any updates on this?
@rockandropejo
@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
@TheRainemt 11 дней назад
Just do make changes to a thing and save the state as a thing as part of the workflow
@MoonKidAI
@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
@bestbubbledev Год назад
Did you get the plugin called Draggable Elements? It's by Bubble.
@rishumehta745
@rishumehta745 Год назад
does it has to have an order number for this operation?
@bestbubbledev
@bestbubbledev Год назад
Yep that's necessary ✊
@nathanconty7047
@nathanconty7047 11 месяцев назад
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
@bestbubbledev 11 месяцев назад
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?!
@EljansLife
@EljansLife 4 месяца назад
actually they should add default index number in the database
@bestbubbledev
@bestbubbledev 4 месяца назад
That would be nice I guess
@lupietulia2986
@lupietulia2986 5 месяцев назад
nice
@bestbubbledev
@bestbubbledev 5 месяцев назад
Thanks 🙏
@abhineetagrawal9038
@abhineetagrawal9038 Год назад
Thanks for the awesome video but please be a bit louder in coming videos...it is difficult to hear you
@bestbubbledev
@bestbubbledev Год назад
Noted ❤️✊
@pneumachill1872
@pneumachill1872 Месяц назад
Thanks buddy
Далее
How to Bubble: Scroll to an item in a Repeating Group
9:11
Как вам наш дуэт?❤️
00:37
Просмотров 695 тыс.
Лепим из пластилина🐍
00:59
Просмотров 383 тыс.
Finger Heart - Fancy Refill (Inside Out Animation)
00:30
Pagination for Repeating Groups - Bubble Tutorial
19:02
Create and save list selections | Bubble.io Tutorial
19:31
Reordering lists - Build an app in Bubble.is
13:09
Просмотров 6 тыс.
How to Loop Through a Workflow in Bubble.io
27:09
Просмотров 3,7 тыс.
Как вам наш дуэт?❤️
00:37
Просмотров 695 тыс.