Forum | Appery.io

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?

Hello,

Please use css below:

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

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"?

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

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

Thanks.

Hello Logan,

This link should help you: https://devcenter.appery.io/documenta...

Thanks so much, especially for responding so quickly.

Sergiy,

I added the code, but this is what loaded:

How do I change it so the popup is centered?

Thanks,
Logan

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

Thanks

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.