Forum | Appery.io

Hello. I have a problem.
I have background image with this CSS:

.workspace
{
background: url("images/back1.png") center;
background-repeat:no-repeat;
background-size:cover;
}

In web its look fine:

But when I building app for iOS I have some sort of this:

And when I change phone orientation, background image not changing.
Please, help me with this.

Hello!

Let me know if this helps http://devcenter.appery.io/documentat...

Nope. Still have empty space between background and footer.

Please try the following code on page Load

preApperyio("mobilecontainer1").css({
"background-image": "url(" + Apperyio.getImagePath("image.jpg") + ")",
"background-size": "cover"
})/pre
where image.jpg is the name of your picture. I've just tried and it worked for me.

Sorry, I still have this problem.
On iOS screen seems fine, but i can scroll down and there is empty space before footer.
upd. Could this be because of that I use appery.io tester for iOS?

Also, this how it's look on another device.

There is a small space and scrollbar appering.

I still have a problem. Please help!

Hi Zimennik,

It seems you try to apply background for wrong container.

Please try following js code:

pre

[data-role="content"]{
background: url(http://mypets.kiev.ua/sites/default/files/admin/59_13.jpg);
background-size: cover;
}

/pre

Regards.

Thank you! I think this is it.
And one more, can I somehow call this component from javascript?

UPD.
Nope... Don't work.

Hello Zimennik,

Could you please clarify, what exactly doesn't work - Yurii's approach?