Тёмный

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

Evan Little
Подписаться 2,3 тыс.
Просмотров 11 тыс.
50% 1

IMPORTANT -- Remember “advanced_filtering” is the name I selected for the page in my app. When I refer to “advanced_filtering” I am referring to the page name and you should look for the name of your page to follow along with me.
Get a free reply to your Bubble development question on our website's forum after signing up
newagedevelopment.bubbleapps....
Join our community and access more in depth tutorials, and meet other developers :)

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

 

29 фев 2020

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 36   
@coco_n_joe
@coco_n_joe 2 года назад
Best all in one video... this has been a saviour!
@XCmdr007
@XCmdr007 4 года назад
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
@EvanLittle 4 года назад
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 :)
@realjackpile
@realjackpile 4 года назад
Awesome! More!
@rynardwakefield2637
@rynardwakefield2637 4 года назад
Thanks for these awesome videos! Your channel is gonna boom soon!
@EvanLittle
@EvanLittle 4 года назад
Thanks for your support and encouragement! I'm glad you found these videos helpful and I am exited to make more videos soon!
@sarahesteve7409
@sarahesteve7409 3 года назад
Very nice thx!
@kengo7208
@kengo7208 3 года назад
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.
@harshalachavan9058
@harshalachavan9058 3 года назад
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.
@Kareshwellness
@Kareshwellness 2 года назад
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.
@juliorodriguez612
@juliorodriguez612 3 года назад
you are a beast
@antonyhawkins3704
@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?
@benjaminsnipes3730
@benjaminsnipes3730 4 года назад
Would like video on how to filter by two variable slider input please!
@98wongjf
@98wongjf 2 года назад
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?
@jordyjeppesen
@jordyjeppesen 4 года назад
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
@EvanLittle 4 года назад
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
@jordyjeppesen 4 года назад
@@EvanLittle Fantastic, thanks!
@DSEE-AyushAgrawal
@DSEE-AyushAgrawal 2 года назад
@@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.
@miltonmitidieri4626
@miltonmitidieri4626 3 года назад
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...
@benjaminsnipes3730
@benjaminsnipes3730 4 года назад
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
@EvanLittle 4 года назад
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
@benjaminsnipes3730 4 года назад
@@EvanLittle How do I contact you direct for that?
@EvanLittle
@EvanLittle 4 года назад
@@benjaminsnipes3730 My phone number is +12532194010
@ohyoonkwon6423
@ohyoonkwon6423 3 года назад
I agree... I'm trying to understand what you're showing to me! :-)
@jankosara9742
@jankosara9742 Год назад
Hey is there a way how to combine this multilayer filter PLUS an ordering setting ?
3 года назад
Hello. How to display the place holder when the dropdown value is empty ?
@ohyoonkwon6423
@ohyoonkwon6423 3 года назад
I followed you and it works! but I don't understand why it works :-)
@EvanLittle
@EvanLittle 3 года назад
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
@ohyoonkwon6423 3 года назад
@@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
@EvanLittle 3 года назад
@@ohyoonkwon6423 Awesome! This is pretty advanced for day 3 in development. I'm sure you'll be an expert in no time! :)
@adminaccount4008
@adminaccount4008 3 года назад
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
@adminaccount4008 3 года назад
Solved. Make sure you use an "input" and use it to search. do not use the "Search Box".
@volo_humnytskiy
@volo_humnytskiy 4 года назад
Implemented it in my app. It does not filter by search and by inputs. Works only by dropdowns
@EvanLittle
@EvanLittle 4 года назад
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
@DesertGardenPrepper
@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. 🥲
Далее
How To Detect Duplicate Data in Your App   Bubble io
16:09
МОЙ НОВЫЙ ДОМ
1:01:04
Просмотров 2,1 млн
Building an Auto-Complete Search Feature on Bubble.io
15:59
How to create a Multi-Step Form in Bubble.io (Part1)
34:38
How to structure your Bubble.io database
25:44
Просмотров 34 тыс.
Custom States | Bubble.io Tutorial
23:34
Просмотров 48 тыс.
How To Encrypt & Secure Sensitive Data in Bubble.io
10:28