Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
Hi
How do I get the popup to open in the center of a web browser everytime?
It seems to do it once and then when opening it again it jumps to a different location.
Thank you.
Hello Deon,
Popup component opens in the page center every time. Please check your custom CSS, it could broke popup's layout
Hi Sergiy
I do not apply any css to the popup. In addition the popup is a different size each time as well.
I have specified it to be 40% of the screen width but that does not happen.
If it was css why would it work first time and not all the other times it is opened?
I might be related to it's content, or any JS code, which you use there.
Could you create a simple application, which has only one buttot, which opens a popup on the click event? Please send us a public link to that app
Hi Sergiy
Content is simple text from a database field. Nothing special
public link Woofza web - I have shared with support.
You would need to register as a petsitter. The popups are on the quiz page.
PS. Width also changes. I can accept that the height changes because of the amount of content but why does the width change every time the popup is opened.
Any news?
Please add a custom CSS below to center your popup:
pre.ui-popup-container [name="messagepop"]{
margin:auto;
}/pre
I found the problem.
My popup width is in %. This is causing the problem. If I change the width to px it is fine.For some reason % cant be calculated?
It has to be calculated.
Glad to hear things are sorted out now!
Not sorted out cause I still cant use % on Popup. Now popup is not responsive design.