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

This forum contains topics that were moved from Get Satisfaction
AC
Posts: 0
Joined: Wed Oct 08, 2014 8:53 pm

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

Post by AC »

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: 147
Joined: Tue Aug 27, 2013 1:47 pm

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

Post by Serhii Kulibaba »

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?

Post by AC »

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?

Post by Yurii Orishchuk »

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?

Post by Logan Wells »

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

Thanks.

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

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

Post by Evgene Karachevtsev »

Hello Logan,

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

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?

Post by Logan Wells »

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?

Post by Logan Wells »

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?

Post by Logan Wells »

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?

Post by Logan Wells »

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.

Post Reply