Тёмный

Reordering lists - Build an app in Bubble.is 

NoLogo
Подписаться 2,5 тыс.
Просмотров 6 тыс.
50% 1

Drag and drop list items to reorder them in Bubble.is.

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

 

27 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 52   
@Creating-You
@Creating-You 2 года назад
Thank you again for your hands-on videos. Got it to work!
@polymathematics_
@polymathematics_ 2 года назад
This is exactly what I needed. Thanks for making it!
@MrMQp
@MrMQp 4 года назад
Thanks so much for this one, love it !
@dariob5592
@dariob5592 3 года назад
This is nice, thanks for making this!
@OpenOcean-Innovation
@OpenOcean-Innovation 2 года назад
Thanks for this video! It helped me a lot!
@RicoTrevisan
@RicoTrevisan 2 года назад
I saw you added [deleting] to it, but the method still works.
@NoLogoTutorials
@NoLogoTutorials 2 года назад
Hi Rico. I was looking at the implementation and it seemed that after a number of changes there was an issue with dividing large numbers, throwing the thing out of whack. Strangely I can't replicate the issue, maybe it was a temporary bug on the Bubble side. Either way I'm remaking a video sometime using list shifter to rewrite the indexes as you go, preventing any issues. I'll leave this up in the meantime. Thanks for letting me know :D
@romainmaltrud
@romainmaltrud 2 года назад
Straight to the point ! Thank you very much for sharing this great tutorial. I'm struggling to redefine the index number on all the list. Could you please explain the workaround that you had in mind ? Thanks a lot and love from France
@shaundavis
@shaundavis 2 года назад
I've just tried this and I can assure you that a patch must have been made because it's working!!
@NoLogoTutorials
@NoLogoTutorials 2 года назад
I'm glad. This has been the worst. I'll remove the deleting tag.
@ArcticSquire
@ArcticSquire 3 года назад
Works like a charm. Any tips on how one might do this with a temporary (state) index, rather than one stored in the things field?
@NaosWilbrink
@NaosWilbrink 2 года назад
You should be able to load the data source in a state when loading the page. Then do the same thing as above, with the state as the data source.
@ryanellis7156
@ryanellis7156 2 года назад
Was kind of hoping the end result would be the index changing to the position it's going to and each of the others falling in line
@yogeshpurnawasi9833
@yogeshpurnawasi9833 2 месяца назад
In my case not showing dynamic data on frontend. Preminum account needed for ordering task?
@vamsi142
@vamsi142 2 года назад
Thank you for this! Writing in July 2022 and I can't see the "Current Workflow's Thing" option in my Bubble app anymore so I don't have a way of selecting the dradrop group that is actually being dropped into the drop area. Do you think I just missed activating some option in my app that surfaces this "Current Workflow's thing"?
@vamsi142
@vamsi142 2 года назад
Never mind. I found my error. Thanks again for this great video!
@Nick-kp7iw
@Nick-kp7iw 2 года назад
Thanks! I was able to follow along and get everything working. I don't have a load big enough to see the break point mentioned below as I'm still tinkering. I noticed dragging "down" the list does not have the same behavior as dragging up the list (believe that is even so in your video). Example, dragging up to just below the green line places it below the green line, but you need to go a whole additional row beneath the same location when dragging down. Any recommendations on how to fix this for consistency? You also reference links to other videos in the comments, were those removed by chance? This is excellent content and above and beyond what I've seen in the forums so far for this specific application. Appreciate it.
@NoLogoTutorials
@NoLogoTutorials 2 года назад
Hi Nick. Good stuff, glad it's working. Again someone brought up a bug, and I confirmed it at the time, though I can't reproduce it anymore. Glad you're finding the video useful, I'll keep your suggestions in mind for the ux, for the new video :)
@NoLogoTutorials
@NoLogoTutorials 2 года назад
And I'm not sure about the link I ref in the video. Can you give me a timestamp and I'll dig up whatever it is if it still exists. Cheers!
@fakossaconate4580
@fakossaconate4580 4 года назад
Really appreciate your job man. Just one 1 thing I didn't get though. In the 2nd step of the workflow, why did you pick the current workflow thing to build it?
@NoLogoTutorials
@NoLogoTutorials 4 года назад
Can you include a timestamp please and I'll look at it.
@fakossaconate4580
@fakossaconate4580 4 года назад
​@@NoLogoTutorials I figured that out, Thanks!
@BronzeBoxer_
@BronzeBoxer_ 4 года назад
This is really awesome and thank you so much for taking the time to put this up but for the love of god please go at like 60% of this speed for a tutorial.
@NoLogoTutorials
@NoLogoTutorials 4 года назад
Ooops. There's a .75 speed button if you like :) Thanks for watching.
@zanderman52
@zanderman52 2 года назад
Very useful, thank you. Just one thing about the maths... Why did you go for (B-A)/2+A rather than B+A/2?
@NoLogoTutorials
@NoLogoTutorials 2 года назад
I honestly can't remember... Yours seems better. I'll test it and work it into the new vid.
@armanrohanishad1485
@armanrohanishad1485 3 года назад
can you please also make a video to show how to drag item #1 and put it in the place of item #2 when #2 takes the place of #1 instead of doing them in between of two items?
@NoLogoTutorials
@NoLogoTutorials 3 года назад
No. Don't use this method anymore. Use the one linked in one of the previous comments or search the forum. There is a better way to do it I've discovered since making this vid. Gl!
@armanrohanishad1485
@armanrohanishad1485 3 года назад
For some reason, I got a list that I had to scroll down through in order to see the other things in it. Do you know how I can fix that?
@NoLogoTutorials
@NoLogoTutorials 3 года назад
Your repeating group is probably set to ext. Vert. Scrolling. Make it full list.
@paulodelapenna
@paulodelapenna 3 года назад
I would like know if exists a calculator distance plugin?
@NoLogoTutorials
@NoLogoTutorials 2 года назад
Not native. Try the plugins.
@anilmee
@anilmee 2 года назад
but how to regenrate the numerical index number to keep them as 1 2 3 etc
@NoLogoTutorials
@NoLogoTutorials 2 года назад
I may get to this in an updated version, I've been notified that this method doesn't work. I'll be removing the video briefly.
@anilmee
@anilmee 2 года назад
@@NoLogoTutorials thanks I'll keep an eye for your next video .... These are useful video... 👍
@mrnickb
@mrnickb 2 года назад
At 12:16 you mention setting a workflow to redefine the index numbers, presumably to make them 1, 2, 3... instead of having the decimals. How exactly do you do this?
@NoLogoTutorials
@NoLogoTutorials 2 года назад
I may get to this in an updated version, I've been notified that this method doesn't work. I'll be removing the video briefly.
@mrnickb
@mrnickb 2 года назад
@@NoLogoTutorials no problem, thanks for the reply! I used this method to get me 90% of the way there anyway and made some extra tweaks after
@romainmaltrud
@romainmaltrud 2 года назад
@@mrnickb hey ! Did you find a workaround to redefine the index numbers ?
@ProfitItPro
@ProfitItPro 4 года назад
but when you make a new think, isn't the index in your case blank or zero?
@NoLogoTutorials
@NoLogoTutorials 4 года назад
That's a good point. In the video that part isn't explained since I don't explicitly create any items. I will make another video to explain it, but here's what I do: since on creating I usually am on the same screen where the list is displayed in a Repeating Group, I do something like New thing's Index = rg's List of Items: last Item's Index + 1.
@ProfitItPro
@ProfitItPro 4 года назад
@@NoLogoTutorials wow okay I just a big insight to it, so you run this when creating a new item, set the index to last items Index +1
@NoLogoTutorials
@NoLogoTutorials 4 года назад
@@ProfitItPro yes that's correct.
@shaundavis
@shaundavis 4 года назад
Thanks for the tutorial... I was struggling to work this out!!!
@ProfitItPro
@ProfitItPro 4 года назад
@@shaundavis great work!
@volo_humnytskiy
@volo_humnytskiy 4 года назад
Hello, how to achieve the feature on 00:18 ?
@NoLogoTutorials
@NoLogoTutorials 4 года назад
That's just the size of the draggable group :) I replicated the text on it and added a conditional to the "actual" title: [when draggable group is being dragged > hide] so that it looks like the same thing.
@nguyenquangngoc3993
@nguyenquangngoc3993 3 года назад
Please revive this channel :'(
@NoLogoTutorials
@NoLogoTutorials 2 года назад
Okay. Just for you.
Далее
Data architecture design in Bubble.is
20:03
Просмотров 8 тыс.
УРА! Я КУПИЛ МЕЧТУ 😃
00:11
Просмотров 865 тыс.
How to Run a Loop in Bubble.io
11:54
Просмотров 24 тыс.
Sorting Dynamically | Bubble.io Tutorial
6:47
Просмотров 21 тыс.
Bubble.io API Tutorial: Schedule a Workflow on a List
11:13
Fast Fuzzy Search | Bubble.io Tutorial
7:12
Просмотров 36 тыс.
Bubble.is - Designing - Full screen hero images
7:06
Просмотров 3,8 тыс.