Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Popup does not open in center of screen

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.

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Popup does not open in center of screen

Hello Deon,

Popup component opens in the page center every time. Please check your custom CSS, it could broke popup's layout

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Popup does not open in center of screen

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?

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Popup does not open in center of screen

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

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Popup does not open in center of screen

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.

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Popup does not open in center of screen

Any news?

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Popup does not open in center of screen

Please add a custom CSS below to center your popup:
pre.ui-popup-container [name="messagepop"]{
margin:auto;
}/pre

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Popup does not open in center of screen

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?

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Popup does not open in center of screen

It has to be calculated.
Glad to hear things are sorted out now!

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Popup does not open in center of screen

Not sorted out cause I still cant use % on Popup. Now popup is not responsive design.

Return to “Issues”