Reset Toggle Password Visibility Icons

KianM · 2024-10-21T16:14:40.364Z

Hello,

I am creating an app and recently added a toggle password visibility icon to my sign up form - to do this I used the “Reveal & Hide Password” plugin. I have added a workflow so that any data in the input forms is reset when the signup popup is closed, however, I want to add another workflow so that my password visibility icon is reset to a default of “Password hidden” upon form closure.

Any guidance would be greatly appreciated Thank you!

Zeroic · 2024-10-21T16:50:10.983Z

If you’re using custom states for the toggle, reset that custom state as well when the user fills out the form and you should be good to go

noahD · 2024-10-21T20:03:44.183Z

Hi! If you haven’t already you could watch Bubble’s tutorial on custom states.

But I think all you need to do here is add a custom state to the icon then, in the same workflow when the popup is closed, add an action for “Set state of an element” to set it to “Password Hidden”. Now your icon should only be visible when the custom state = “Password visible”

system · 2024-12-30T16:15:07.040Z

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