How can I set a custom state like `mode` (e.g., `signup` or `login`) on a reusable component?

prosto.duda · 2025-01-02T17:51:08.896Z

How can I set a custom state like mode (e.g., signup or login) on a reusable component, so I can show different hidden groups inside it based on this state when a button is clicked?

I use canvas template. They already have signup/login reusable element. I have button by button I show up this component, but it appear empty. Look like i need set mode to show login/signup.

For example, I have a reusable component for login/signup. Inside it, there are two groups: one for the login form and another for the signup form. I want to toggle the visibility of these groups based on a custom state called mode (e.g., login or signup) when a button outside the component is clicked. How can I achieve this setup in Bubble? Do you have some tutorial?

image1257×465 22.8 KB

condition look like this:

image1197×550 22.7 KB

gustavosales0809 · 2025-01-02T18:24:33.266Z

I don’t know if it’s possible to do this, I had the same problem

Maybe you can create the same custom state or reusable element, but I don’t think it would work

What I did to get around this problem was use the website URL

Example
Go to page Workflow

image340×437 10.6 KB

Page: Ajuda
Key = a
and DuvidasFrequentes

how the URL looks

and now you will need to make conditions on the groups

something like that

image338×310 8.34 KB

image689×327 17.6 KB

everything is working the same way it would with custom states

prosto.duda · 2025-01-02T18:43:08.043Z

Thanks for an answer. But the answer much simpler. Just need to use set custom event from reusable element"

image1216×283 19.7 KB

gustavosales0809 · 2025-01-02T19:02:46.553Z

I’ve never seen them do it like that
It’s a great option too

iwakinomotoye · 2025-01-03T11:03:34.476Z

gustavosales0809:

if it’s possible to do this, I had the same problem

Maybe you can create the same custom state or reusable element, but I don’t think it would work

What I did to get around this problem was use the website URL

Example
Go to page Workflow

Hi @prosto.duda also running a “go to page” action that redirects to the login page with query parameter m=signup or query parameter m=login can redirect what is visible to the user.

system · 2025-03-13T17:51:17.298Z

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