Combine fuzzy search, sort, and filter a repeating group - Bubble.io

Подписаться 158

Просмотров 9 тыс.

50% 1

This technique will allow you to set up a complex fuzzy search, one or more filters, and a sort to your repeating groups in your Bubble app without using a ton of conditionals. Spoiler alert: it does use custom states.
This tutorial also utilizes the Zeroqode Fuzzy Search & Autocomplete plugin (free) with some slight modifications from their documentation to display the results.
NOTE: I renamed the steps to make it easier to see which step was doing what in the flow but ALL steps are "Set State of an Element" (Element Actions).
**UPDATE** I've solved the annoying click to search issue - Check out my update to this tutorial here: • Update to Combine Fuzz...
Did you use this tutorial to build something? If so, and you're comfortable sharing, drop a link to your app in the comments so we can check it out! :)

Наука

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

8 дек 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@MrOliverRuby Год назад

Thank you. I didn't use the fuzzy search plugin, but your workflow logic helped me find a solution. The joy you get when you finally figure things out, thanks to you. Be well : ^ )

@thetatso9462 Год назад

Thanksmate, you are awesome. Keep up the goodwork

@phillipephan 4 месяца назад

this was a great tutorial, thanks for posting!

@sashawolf559 Год назад

THANKS A LOT 💓💓💓 Very helpful

@getnootropics Год назад

Awesome tutorial please keep em coming

@AdrianneStone Год назад

Thanks! Any requests for what you would like to see next?

@Akfarag Год назад

Yep this was great Adrianne

@AdrianneStone Год назад

Glad you enjoyed it! Have you implemented it on your own app?

@mamounlazrak840 Год назад

Amazing thank you so much!!

@AdrianneStone Год назад

Glad you found it helpful!

@notjrag Год назад

Please do a guide on how to do those filters! Specifically where you type/select the category to filter and it shows in a pill with an X I really wanna do this for my app as well 🙏

@David-hd6ub 3 месяца назад

I dont any workflow options for Search and Sort. What am I missing here??

@LinhNguyen-nh8oq 10 месяцев назад

Hi Adrianne, thanks for your advanced filter at 8:45 that now I can filter multiple tags for my repeating group. Actualy, I solved the problem without the custom state. By the way, are you joining Airdev bootcamp, I am doing a project in bootcamp that similar to your app. 🥰

@AdrianneStone 10 месяцев назад

I've already done it! :) That's what inspired this tutorial. Good luck with the bootcamp

@LinhNguyen-nh8oq 10 месяцев назад

@@AdrianneStone How long does it take you to complete the bootcamp, Adrianne? Did you join the airdev partner program as well? I decided to take the bootcamp to build portfolio and join it but I think a lot of people will compete for the position. Do you think it is worth it?

@TheNightsAreOver Год назад

Really helpful thanks a lot for sharing this! Though, it is odd how the user has to click somewhere else on the page for the search by name workflow to get triggered

@AdrianneStone Год назад

You inspired me to go find a solution! Check it out ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jeLjK7rL5-U.html

@crazyworld4003 11 месяцев назад

Hey Adrianne, it would ne nice of you, if you can make a Video on setting up field for votes count. It’s not working for me

@amirtaiar3218 Год назад

Thank you! Great tutoria. For some reason, my Fuzzy works only when I press ENTER. What might be the reason for that?

@AdrianneStone Год назад

That's because the workflow action is "when input is changed" and at the moment this only registers once you click out our hit enter. I'm still looking for a more elegant solution tbh

@AdrianneStone Год назад

I solved this! Check out my updated tutorial here, should be an easy fix: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-jeLjK7rL5-U.html

@DesertGardenPrepper Год назад

I would like to see a bit simpler example without sorting. just the multiselect as a filter. I tried, but can't follow. I don't know much about tags and option sets, if that is necessary to make it work.

@AdrianneStone Год назад

I can do that! If you're subscribed you'll get an update when I drop the new tutorial vid

@DesertGardenPrepper Год назад

@@AdrianneStone thanks! awesome! subbed! more specifically, my case is fuzzy search plus either drop down menu or multi select menu (preferred) for 2 categories... say a quick db of clothes, comes in a few colors and a few sizes and has a description. the search only applies to description would be a nice simple example.

@chriswitti4238 Год назад

Hey this works fine! The only problem is here, the moment you use filtered --> advanced the search will run on the clientside. In your example for a small list of restaurants this is not a problem, but for a big lists of restaurants (for example a list of 100000 restaurants) the user (client) first would have to download the whole list and after that filter through it. Depending on the size of the list this can take 10+ seconds which is not good for user experience. Sadly there is no way on bubble yet to do this filtered--> advanced on the backend :/ Anyway thanks for the tuturial!

@AdrianneStone Год назад

Yes this is true if you have a lot of records this is not a recommended method because of it being client side. Bubble is hiring a technical PM at the moment to work on issues that impact their scaling customers (who would also be more likely to have large lists like this) so I suspect this is something they’re looking to fix to retain scaling customers, but obviously no crystal balls here so we will see

@chriswitti4238 Год назад

@@AdrianneStone I like to hear that. Im currently developing a product on bubble which got a lot of records, sadly its my first product im developing on there so I didnt know huge records are a problem. I was so happy when I solved my searchfunction in the way you showed here only to later found out its not scalable at all. Now I am in the process of sourcing out my backend off bubble so my search will also run smoothly with a lot of records. Sadly this is process is quite time consuming... So yea im really looking forward to solving that!

@toshibanothere7265 Год назад

@@chriswitti4238 Hey! May I ask how you managed to sort out search for bubble?

@LinhNguyen-nh8oq 10 месяцев назад

Hey I think your expression advanced filter at 8:45 won't work for all the case. For example, This restaurant's cuisine is A, B, C, D and the multidropdown's value is A, E so the expression would be return true, but actually it needs to be false. My method is "contain list" expression

@AdrianneStone 10 месяцев назад

it depends on if you want to return search results that match any of your filter criteria or all. I have it set up to return any in this case :)

@LinhNguyen-nh8oq 10 месяцев назад

@@AdrianneStone oh okay, I understand, btw thank you

@orcanmehmet Год назад

I don't find "search list" on 2nd steps in workflow.

@AiWealthEmpire Год назад

Just set the state again

@momikalonji5841 Год назад

I dont find it either, and I've tried setting the state again.

@deepanshutanwar4935 Год назад

@@momikalonji5841 This is same as set state, she just changed the name to search list. look closely everything is same. just copy and paste the previous one.

@orcanmehmet Год назад

@@AiWealthEmpire cheers

@ayomideashiru554 Год назад

Nice Piece!!! This would have been easier to work with if you had created the tutorial from scratch Let people see how all these come together rather than a tutorial with a ready-built template!!! That way you create a follow thorough Video for beginners and all skill level

@AdrianneStone Год назад

No template here my guy so I'm not sure why you think that. I built the page minus the default bubble header. But the point of this tutorial was to show you how to set up the search/filter/sort not to show you how to build the entire page (which would have been much longer)

@ayomideashiru554 Год назад

@@AdrianneStone what I mean here is that it would have been better to do a live build instead of just showing how to setup... regardless it was thoughtful of you and it was a valuable piece

@AdrianneStone Год назад

@@ayomideashiru554 got it! I was thinking about doing a twitch channel while I do builds so people could follow along.

@ayomideashiru554 Год назад

@@AdrianneStone yea kindly let me know when you create one--- do you mind private DM, I just started my learning some months ago and it would be nice to learn from your years of experience.If you can drop an email I could inbox