How To Create A Multi Layer Filter In Your App - Bubble.io Tutorial

[@coco_n_joe]

Best all in one video... this has been a saviour!

[@XCmdr007]

Evan this is amazing stuff. I have been learning bubble from material that can be consumed instead of mentored. Your videos are so spot on when compared to what is out there. This one alone is so so valuable it cannot be overstated enough. Thank you! ... and please keep’ em coming :)

[@EvanLittle]

Thanks XC! I appreciate the support! I paid another developer to show me this trick last year when I was working for a client's project and needed the multi-layer filter done by the meeting next week. Thankfully all worked out for the best. I will keep making more tutorials, feel free to share topics you would like to see for future videos :)

[@kengo7208]

Can you tell me more about filtering in Client Budget? I'd like to know how to filter to show only things within a certain range, like 120~140.

[@Kareshwellness]

Could you demonstrate how to filter by navigating between numbers (as you mentioned in the video)? For example if the item has a price of $15, choosing a dropdown of $10-$20 would show all that item and all the other items with a price within that range.

[@rynardwakefield2637]

Thanks for these awesome videos! Your channel is gonna boom soon!

[@EvanLittle]

Thanks for your support and encouragement! I'm glad you found these videos helpful and I am exited to make more videos soon!

[@antonyhawkins3704]

Great video. I'm trying to build a filtering system with more filters, a longer list of entries (1000s) and a combo of i) search bar; ii) single dropdowns; iii) multi-dropdowns. I'd read that for longer lists, doing as much as possible on the database server (search and simple filters) is better - and had managed to build i) and ii) using just search constraints without resorting to custom states or advanced filtering, but got stuck at iii). What I am trying to understand is whether using your method of custom states will make my search tool more efficient/faster and why?

[@miltonmitidieri4626]

Thanks , thats exctaly what I need. In my case the Trigger window at the work flow brings 2 inputs , "Custom event" ( as on your example) and "WorflowThing" .This one dosen´t appear on you example.I wonder why...

[@realjackpile]

Awesome! More!

[@jankosara9742]

Hey is there a way how to combine this multilayer filter PLUS an ordering setting ?

[@harshalachavan9058]

Hey, this was extremely helpful, thank you so much! I wanted to ask if you have uploaded a video on filtering by range? My use case is exactly what is there in the video - job posting. Thanks again.

[@jordyjeppesen]

Very nice. It would be great to see a similar video where "Check Boxes" and "Drop Downs" are used together to narrow down a search on a Repeating Group.

[@EvanLittle]

Happy it was helpful for you! Adding check boxes and drop downs can be done using the "input's value is changed" formula. Then select the dropdown A or whatever you named the dropdown and run the filter list event. THen in the fitler list add another filter and instead of field = input's value the list will be filtered by field = dropdown's value which appears in the same dropdown when selecting dynamic values. Check boxes work also by adding when input's value changed (select check box) now run the filter list event here, and go back to the fitler list steps and add another step with a "yes" or "no" field in the list and again specify this field "yes" and you now have the checkbox matching, And then remember on both checkbox and dropdown filter actions to add only when "this dropdown's value is not empty" and only when "checkbox's value is checked is "yes""

[@jordyjeppesen]

@@EvanLittle Fantastic, thanks!

[@DSEE-AyushAgrawal]

@@EvanLittle great video . Could you please help me with this problem : i have data type 'products' with field a 'size' (containing a list of sizes available for that product) . i want to set the data source such that if the any product's Size field has any option available that's applied in the filter selected sizes(stored as a list in custom state),it should be displayed.

Hello. How to display the place holder when the dropdown value is empty ?

[@benjaminsnipes3730]

Would like video on how to filter by two variable slider input please!

[@98wongjf]

Hi Evan. Great tutorial. Question: There are other filtering tutorials out there at doesn't use State. But my gut tells me using State for filtering has its unique benefits. Would you be able to share the difference between filtering using state vs filtering without using state?

[@adminaccount4008]

Hi Evan, I have a search and repeating group within a group focus that is part of a reusable header. I have selected the header as my element (instead of the page). The custom state retrieves the list of items from the database and displays them properly in the repeating group. However, the search won't filter the list. Is this because of some interference due to the groupfocus?

[@adminaccount4008]

Solved. Make sure you use an "input" and use it to search. do not use the "Search Box".

[@juliorodriguez612]

you are a beast

[@ohyoonkwon6423]

I followed you and it works! but I don't understand why it works :-)

[@EvanLittle]

Glad it helped Ohyoon! You can imagine it like layers in a filer: For example I have a box of rocks with different colors, First I take out all of the red rocks, Now with this new box of rocks without red I remove the blue rocks too. You can think of the Bubble workflows as happening sequentially in the series of steps we define. So this works because each time we apply a new filter we are filtering the previously filtered list again. Hope that explanation helps! :)

[@ohyoonkwon6423]

@@EvanLittle Thanks for the explain Evan! Yes, that makes sense. I'm still figuring out how all Bubble things work. It's my 3rd day in bubble development.. ;-)

[@EvanLittle]

@@ohyoonkwon6423 Awesome! This is pretty advanced for day 3 in development. I'm sure you'll be an expert in no time! :)

[@sarahesteve7409]

Very nice thx!

[@volo_humnytskiy]

Implemented it in my app. It does not filter by search and by inputs. Works only by dropdowns

[@EvanLittle]

Did you add a trigger when the search input’s value is changed which initiates the custom event to filter the items? You will want to start search with loading all the items if search value is empty or searching the items is searches value is not empty, then filter the list down one by one with dropdowns or inputs. You just want to match the item’s field with the input of that input is not empty or going to be a part do the filtering process

[@benjaminsnipes3730]

Very helpful content, thank you. However (1) you go way too fast to easily follow along without constantly stopping the video and (2) you don't work in a linear way. Please try to slow down and move in a straight line going forward.

[@EvanLittle]

Thanks for the feedback Benjamin. I will keep it in mind for future videos. For the filtering by a two variable slider I offer 1 on 1 tutoring. 1 hour is $100 we can cover that topic and anything else you would like to learn.

[@benjaminsnipes3730]

@@EvanLittle How do I contact you direct for that?

[@EvanLittle]

@@benjaminsnipes3730 My phone number is [phone]

[@ohyoonkwon6423]

I agree... I'm trying to understand what you're showing to me! :-)

[@DesertGardenPrepper]

really helpful, thanks! I can't figure out how to tie in the search on my project. I have one version of the page that works sweet with the searching function, and one version that works great with dropdown filters the way you did them, but I can't get both search and filter working on the same page, lol. 🥲