AC
Posts: 0
Joined: Wed Oct 08, 2014 8:53 pm

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

Hi, I have a problem here and I wonder whether appery has a solution to make a popup to fit the full phone screen? I currently use the default setting and it wont fit to the full screen. Also, the popup wont fixed in the same position, it will change position when I scroll the items. How can I make it to fit the phone screen? Image

Image

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?

Hello,

Please use css below:

pre.ui-popup-container{
width:100%;
height:100%;
background:red;
top:0!important;
left:0!important;
}/pre

AC
Posts: 0
Joined: Wed Oct 08, 2014 8:53 pm

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

thx sergiy, two more questions: 1) How can I remove the arrow from the popup.I dont want to have arrow in my popup. 2) How to set a navbar item to a unselected status? JScode: [dsid=navbaritem]. property."inactive"?

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

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

Hello,

pre

1) How can I remove the arrow from the popup.I dont want to have arrow in my popup

/pre

Please show us what arrow you mean.

pre

2) How to set a navbar item to a unselected status? JScode: [dsid=navbaritem]. property."inactive"?

/pre

To make navbaritem disabled you can use following JS code:

pre

Apperyio("mobilenavbaritem_8").removeClass("ui-btn-active").addClass("ui-disabled");

/pre

Regards

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?

Where does one add this CSS? Do you just create new CSS and insert the code?

Thanks.

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?

Thanks so much, especially for responding so quickly.

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?

Sergiy,

I added the code, but this is what loaded:
Image

How do I change it so the popup is centered?

Thanks,
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?

While testing the app I am experiencing issues with its positioning, see other problem below.

Thanks

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?

So I took out the top and left parts of the code, and now the popup is just at the top of the screen, but centered now.

Return to “Issues”