Filtering RG with buttons or toggles?

Need help Database
1

I’m trying to recreate a (better) version of my existing directory (https://virtualsummitsearch.com/speaker-directory/). So far, I have most of the functions working great, but my filtering is lacking. I’ve got a working copy of the Bubble version here:
Virtual Summit Search Speaker Directory

What I’m trying to do is find a way to allow visitors to click multiple buttons to select the speaker categories they want to view. So far, I’ve only been able to figure out how to get it to work to display a single category using a display list workflow, as shown below:
image
For some reason, I can’t seem to get it to add the categories to a custom state list so it’ll show multiple categories in the repeating groups, no matter what I do.

I’ve scoured this forum for solutions and I’ve found some that were promising, but none have worked quite right. I’d be okay with using either the buttons like I’m already doing or using a toggle (if I could figure out how he styled the toggles here - Set states on elements in repeating group - those would be pretty neat!), but I haven’t found a solution for either option.

I’m also not sure why the first repeating group (there are three) doesn’t display anything when the relevant categories are selected while the other two repeating groups do, since they’re all set up exactly the same besides the styling, but that’s another story.

For my data, I have a data type for each of the repeating groups (which sn’t seemed to be a problem) and I have a data type for Category (which only has a categoryName text field). I tried doing an option set for categories instead because that’s easier from an administrator and user perspective, but I couldn’t get that to work at all, so I scrapped that idea. Inside of each of the repeating group’s data types, I have a Categories field that’s a list of texts to hold the categories for each entry. I’ve tried doing it as a list of Categorys so it pulls directly from there, but that didn’t work either. I feel like I’m missing something really obvious here!

Please let me know if there’s additional info that would be helpful and thank you in advance!

2

Put a group element with roundness set for the background…then put a group for the circle then add an icon…set up conditionals on all elements to change colors, icons etc. for if it is yes/no.

There is also a free plugin called ‘better toggles’ (I believe is the name) that allows for some styling, but definitely easier than to use than what I built.

3

Oh, awesome - thank you! I’ll still have to figure out how to get the toggles to filter the RG with a list properly, but that’s one thing solved, at least! :slightly_smiling_face:

4

Anyone have any thoughts on the filtering aspect? I still can’t seem to get it to work, despite further attempts…

5

Following up on the OP’s question about filters based on toggles.
I am trying to filter a repeating group by using user preferences set as toggles.
image
So if I use conditional, I would have to have 64 conditions I guess if A and B are yes, then set data as X, if A and C are yes, then set data as Y… seems there must be better way of doing that. Anyone have ideas?

6

@TekaTeki , @virtualsummitsearch I know this post is old :sweat_smile: but I see no one has given a solution yet, so I did it for you quickly. Though I would advise against using this method if you have more than two filters of this type. It is much better practice to use dropdowns instead.
ezgif.com-gif-maker (12)

see how it’s built:

hope it helps!

1 Like