Hide text and display other text when button is clicked?

I want to create something very simple which seem impossible, I wan to a text to display and another text to be hidden (see picture ) but no matter what I try this seem impossible, what do I do?, not impressed by adalo

Hi @Challe77,

You need to store a value in an input or in a collection property (normally users collection).

Use the button with button states and then add visibility conditions for the two text components based on that value. Watch this video for example, recorded by a team member at Adalo. : https://youtu.be/-2JCE1cPZdE (you can change the input value using the change input value action and button states)

You can also watch this similar video recorded by Victor. : https://youtu.be/Vk3GFTytc7A

Let me know if you still couldn’t figure it out!

Thank you and have a great day!

Interesting

I actually did a video about this some time back:

https://youtu.be/lLbuuSzLYV0?si=-Hk4zUqAfEypbHDe

Interesting to see Adalo also covered a similar approach. Their video is more recent and does a good job showcasing how groups collapse, which is very important for maintaining proper spacing and padding when showing/hiding content.

Let me know if my video helps as well :+1:

Got it to work, had to click one time extra for it to be activated :slight_smile: