Animate Popup Menu

[benjamin1]

Hi, I’m trying to create a popup menu, that will appear with some animation.

It seems the button triggers the animation without showing the popup. When the workflow is show then animate, well the animation isn’t timely.

How can I change the way the popup appears (i.e. with an animation)? Am I not doing the right thing?

[eren]

Hi @benjamin1

I’m not quite sure, but are you looking for something like this?

[benjamin1]

Yeah that’s right! With the button in the header.

[eren]

It’s a simple workflow. You can see it below.

Good luck!

[benjamin1]

Ah! When I do that the pop up doesn’t appear. In debug mode there’s no signal of error, as if the animation is happening with the pop up still invisible.

[eren]

Weird. Please share your editors link, let me try to help

[benjamin1]

Here: https://bubble.io/page?type=page&name=index&id=iziviza&tab=tabs-1. Is it the link I’m supposed to share? (How come I can just share the link? Isn’t my app builder password protected?)

[benjamin1]

PS the burger icon is supposed to activate the pop up menu with a swing animation.

[eren]

@benjamin1

Here: Iziviza | Bubble Editor. Is it the link I’m supposed to share? (How come I can just share the link? Isn’t my app builder password protected?)

Yes, the right link. Your app in private mode. Please change the settings to “Everyone can view”. It means that everyone can see this application but cannot make changes. If you select “everyone can edit”, anyone accessing the editor link will modify the application.

[benjamin1]

Done. I get it now

[eren]

Thanks. Apparently, the type of animation you choose affects an element that visible. For unvisible element like pop-up, please select an animation that ends with “In” at the end, probably the problem will be solved.

If your problem is not solved, please let me know.

[benjamin1]

You’re right thanks!