Logan Wells
Posts: 0
Joined: Sat Oct 11, 2014 12:37 am

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

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.

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

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

Hello,

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

Logan Wells
Posts: 0
Joined: Sat Oct 11, 2014 12:37 am

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

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

Logan Wells
Posts: 0
Joined: Sat Oct 11, 2014 12:37 am

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

(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

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

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

Hi Logan,

Please use this CSS:

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

Logan Wells
Posts: 0
Joined: Sat Oct 11, 2014 12:37 am

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

Thank you for solving my problem!

Return to “Issues”