How can I send multiple checkboxes criteria to URL parameters and then use them to filter a RG?

pachocastillosr · 2020-10-31T19:39:05.188Z

Hello!

I am trying to build a real estate listings app.

In one page users can select what they want to look for, using check boxes. Ex: checkbox1= house, checkbox2= apartment, checkbox3= land lot. Then they hit the search button.

For the search results page I have a repeating group that should only display posts with the criteria selected by the user on the checkboxes of the previous page.

How can I send this checkboxes criteria through URL parameters and then on the next page get them from the URL in order to filter what is displayed on the repeating group?

Any help would be appreciated!

Thanks!

sharma.himanshu0608 · 2021-01-04T10:58:54.295Z

Hi @pachocastillosr. You can create custom states to temporarily hold the checkbox values and then pass the custom state value as URL parameter while navigating to the second page.

On the second page use Get data from URL to define the constraints of the repeating group.

I’ve written a bit it here (https://nocodeassistant.com/filtering-data-using-url-parameters/). This should give you a starting point to build upon.

boston85719 · 2021-01-05T09:34:36.606Z

Here is a post that describes how to take a list of something and send it as a single URL parameter

How to set Parameter as a List Tips

So the OCD kicked in today and I spent more time than I should have to figure this out. If you use option sets for any search filters (I personally like this method over a data type) and you are in the mood to do like the big boys do and use URL parameters for your search filtering needs, Bubble initially seems to come up short on this. However, where there is a will there is usually a way in Bubble. Firstly, I set up my data option sets like so: [Screen Shot 2020-08-21 at 6.11.12 PM] The …

This way you don’t need custom states and can just simply work with the URL parameters, so no need to set states when a page is loaded or when selections are being made.

The original post used a method that I have since built upon so scroll to the later posts by me updating the method where I demonstrate how to using only a regex pattern.

NigelG · 2021-01-05T09:43:22.669Z

Save it on the User. Much easier.

But if you have to … (and this may be the same as the above).

Put the tags in the url seperated by commas (or whatever you fancy)

Then pull the tags from the URL into a hidden Input to decode it.

Then use a regex to split the comma delimited tags into a list (in this case on an RG).

image858×273 13.6 KB

system · 2021-01-09T19:39:07.687Z

This topic was automatically closed after 70 days. New replies are no longer allowed.