Forum | Appery.io

Hello,

I have a problem with white content being displayed in my app when I disable the footer.

As you can see, there is white content beneath the purple-ish background that I have created. But when I enable the footer again, the white content disappears. It's as if without the footer the background stops.

How can I fix this? Because I don't need a footer in my app.

Thank you!

Hi Dirk,

Please could you show how you implement the background with code examples?

Hello Illya,

like this:

code
.ui-content {
background: url("../image/bg.png") repeat center center fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-ms-background-size: 100% 100%;
background-size: 100% 100%;
font-size: 11px !important;
color: #333333 !important;
font-family: Arial;
font-style: bold;
}
/code

Hi Dirk.

Please give us your app public link.

And describe steps how we can reproduce your problem.

Thanks.

Yurri,

This is my app public link:
http://appery.io/app/mobile-frame?src...

You can see on the first page that there is white space between the background and the bottom of the page when you change the size of the mobile device. Just set the screen size to 400*800 and you will see.

When I enable the footer again, this white space dissappears and the background fills up until the footer.

Is there any update on this??

Hello Dirk,

Sorry for delay, working on it. We will get back to you with update

There is no need for it anymore: the problem isn't my code or an error.

It only happens when I switch from size 320*480 to a bigger size AFTER the preview has been loaded. It's probably a bug in the website viewer.

Thanks anyway!

Hi Dirk,

When you change screen sizes, they don't apply automatically, you need to click Refresh button on the Preview page.

Oke thank you!