Emulate Popup for a Floating Group

Need help
1

I want to make a popup just like what happens when you click your Google profile pic in the top right of Gmail, and then click anywhere else on the page to dismiss the popup. It doesn’t look like a popup in Bubble will work since they’re centered, so I created a Floating Group to the right of the page with a custom state that will display or hide the group based on clicking the profile pic, but it only dismisses with a click on the profile pic.

The next step would be, once the group is in the “yes” state of displayed, being able to click anywhere on the entire page to dismiss it, just like Gmail. Not sure if this is possible or if I’m on the right track with the floating group or not. Thanks for any help!

2

You want to use what’s called a Group Focus. It has a hybrid of the behavior of a popup and a floating group.

You might find this thread helpful to read.

5 Likes
3

Thanks! Will try it out and report back.

4

Wow! Just sat down to work through this and was surprised how quick it was to set up. Thanks again!

1 Like
5

Glad you were able to get things set up. Happy to help.

2 Likes
6

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