How to add a button to clear custom state and display all items in a list in a recurring group

smoka · 2020-11-25T16:59:07.568Z

Hi,

I’m new to Bubble and going through tutorials to get a hang of it.

Below is a sample listing app I created.

It has two data types: User and Team.
Every entry in the User type will have a Team field.
I created a recurring group to list all the users and have another recurring group to display the teams.
I’m filtering the user list based on a custom state for the team. This setup is working as it should.
Now I want to add another button ‘All’ which, when clicked, would display the list of all users. I want the ‘All’ button to use the custom state setup and not have to reload the page which resets the state and by default lists all users.

Bubble

Bubble Editor - Sample-list-app

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

I’d appreciate any help. Thanks in advance.

ualdir · 2020-11-25T17:36:51.198Z

Set a (blank or all) value for the custom state on repeating group add a conditional statement for when this value is (blank or all) and define the data source when the value is (blank or all).

boston85719 · 2020-11-25T17:49:48.558Z

I think you want to be able to filter which users are displayed in your repeating group based on the filter which is a customs state holding a value of a team.

So if your custom state has a team value in it, the repeating group of users only shows the users who are part of the team that is currently held in that custom state.

Now, you want to add a button that will allow you to show all the users in the repeating group.

What that button should do is ‘reset’ the custom state filter of team. To do that, add a button, create a workflow for when that button is clicked. This workflow will have one step, which will be to set the customs state of team…do not add any value to the custom state, which would make it ‘empty’ or ‘blank’ and therefore removing the team that had previously been the value.

Since this custom state would have an empty value, your user repeating group would no longer have a constraint of team restricting the user list, and will show all users in your database.

Another thing you might do, if you are selecting the team to add to the custom state using a checkbox from the team repeating group, make it so if that checkbox is selected after that particular team is the custom state value, it will ‘reset’ that custom state.

So one click to select the team, a second click to deselect the team.

You can set up in workflows two events using conditionals on the one checkbox (I personally use icons for this)…the first workflow is to set the custom state to the team value…the conditional on that workflow is ‘when custom state team doesn’t contain current cells team’.

A second workflow action when the icon is clicked will have a conditional ‘when custom state team contains current cells team’ and the event will set the custom state of team to an empty value.

If you use an icon to do this, you can also change the icon in the icon conditional. I usually have an icon that is a checked box, then in conditional change the icon to an empty box.

Screen Shot 2020-11-26 at 12.54.19 AM

The conditional you would use to change the icon is ‘customs state team doesn’t contain current cells team’

smoka · 2020-11-27T09:08:40.186Z

Hi @boston85719,

Thanks for the detailed answer. It worked for me.

system · 2021-02-03T16:59:08.605Z

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