Doubt from a Bubbler

Hello everyone, hope this message finds you well.

My doubts are related to my menu. So, I have a menu where users can navigate trough the app, in the bottom of the menu I added a flex container with their profile picture and name. What I want to do is when the user clicks on this flex container it shows like a small menu over the flex container showing different options like settings, switch to dark and light mode, go to trust pilot, etc.

What is happening is that when I click on Dynamic Events it only appears to me a few elements that I can choose, my question is what element should I use to make this small menu so then I can see this element on the flex container dynamic events?

Thanks,
Rodrigo


You're in the actions editor in your second picture.
You need to look at the properties tab for your flex container.

If I were trying to achieve that...

  1. I'd have the container like you do.

  2. I'd make a second container that I want to have the new information in.

  3. I'd make a variable like "MenuSwitcher" and give it a value of zero.

  4. I'd go into the **dynamic attributes ==> display ==> show ** and set the first one to display when "MenuSwitcher" = 0. And the second one to display when "MenuSwitcher" = 1.

  5. Then, I'd create a dynamic event of mouse click on the first one that changes the value of "MenuSwitcher" to 1.

  6. I'd put a button on the second one that helps them go back that changes the value of "MenuSwitcher" to 0.

1 Like

Why not use a nav with a dropdown, that drops up?

Screenshot 2025-04-10 at 16.32.04

2 Likes

Hello Sophos, how are you?

Could you help me with that? I'm still a novate in wappler, how do I make that "menu switcher" variable?

Thanks!

I think Teodor has a quicker idea for that.

@RodrigoBarata have you read through the documentation and watch some videos?
Those are really helpful!

Docs:

YouTube:
https://www.youtube.com/@Wapplerio

Another good site to learn:

Thanks, I will take a look!