Forum Documentation Showcase Pricing Learn more

Fullscreen popup

Hi guys i am trying to use popup on my app that i am working on i am trying to use popup for login/signup but unable to make the popup fullscreen. Do any of you know how to hack this?

Note: I have a custom width for the page set to 1400px

I’ve done it by using a group, not a popup. Basically, you create a group that is full screen, then show/hide it using a workflow.

3 Likes

Hey that sounded great until I tried: where do you put this group-as-popup? I’m trying to make this a full screen popup menu, and so I placed it under my header, but it’s not showing up when pressing the menu button? Where should the group be placed? Under the header or on the page?

I did this using floating groups in my app, so you don’t have to worry about the placement

Hi @myth,

Just add css to the popup screen like below,

div.fullwidthpopup { width: 100% !important; height: 100% !important; position: fixed !important; top: 0 !important; left: 0 !important; margin-left: 0 !important; } div.fullwidthpopup .bubble-r-box , div.fullwidthpopup .RepeatingGroup, div.fullwidthpopup .HTML{ width: 100% !important; height: 100% !important; }
1 Like