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?