Page 2 of 2

Is it possible to make a popup UI to fit the full screen?

Posted: Wed May 20, 2015 8:21 pm
by Logan Wells

Just to clarify @my last reply:
Now it is centered, but not in the middle of the screen, it still opens too high on the screen when clicked.


Is it possible to make a popup UI to fit the full screen?

Posted: Sat May 23, 2015 4:30 am
by Alena Prykhodko

Hello,

What CSS rule do you use? Have you tried to adjust it to the middle of the screen?


Is it possible to make a popup UI to fit the full screen?

Posted: Sat May 23, 2015 11:51 am
by Logan Wells

Hello,

This is the CSS I use:

.ui-popup-container{
width:100%;
height:100%;
}

I will post how the UIs looks on the screen below.

Thanks so much,
Logan


Is it possible to make a popup UI to fit the full screen?

Posted: Sat May 23, 2015 11:57 am
by Logan Wells

(Continued from last comment, to include image)

So at the very bottom of the image you see slivers of the tops of two buttons, one of those buttons is the one I used to open the popup.

Edit: You cant see the buttons at the bottom, but it shows how the popup is really popping up high on the screen

It is centered, although the popup is now at the top of the scree, instead of in the middle, so the user has to scroll to find the popup.

Image

I can clarify more so if needed,

Logan


Is it possible to make a popup UI to fit the full screen?

Posted: Tue May 26, 2015 10:22 am
by Serhii Kulibaba

Hi Logan,

Please use this CSS:

pre.ui-popup-container{
width:100%;
top:15px!important;
left:15px!important;
}/pre


Is it possible to make a popup UI to fit the full screen?

Posted: Tue May 26, 2015 3:03 pm
by Logan Wells

Thank you for solving my problem!