Forum | Appery.io

Hi,

I'm using the following code to set a background image to the MobileContainer in my app.

This works for the preview using the browser, but does not work within the native app or using The "appery.io tester".

Tiggzi('mobilecontainer').css('background-image','url("' + Tiggzi.getImagePath('motorway_cam_watch_background.png') + '")');
Tiggzi('mobilecontainer').css('background-repeat','no-repeat');
Tiggzi('mobilecontainer').css('background-size','cover');

The mobile container is actually called mobilecontainer1 in the app, but if I use that it doesn't work in the browser either...

Can you help please?

regards

Andy

Hi Andy,

The code works for me. Where do you place it?

Hello! Could you clarify where did you put your code?

I have it in a javascript routine of it's own and it's called by Page Load event.

When I load the app (using the tester android app, or the native app) I don't see the background ?

I'm using a Samsung Galaxy S3, could there be an issue with different phones?

Andy,

Image "motorway_cam_watch_background.png" has an incorrect format. It can be opened on desktop browsers, not on devices. We've converted the image to make it open on Android.

Please email us on a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and I'll send an image back.

Andy,

Please confirm you got the image.

Yes, thank you very much.

Worked first time.

I used Corel Photo Paint to create the picture, there must be an issue with that app when saving as a png.

Looks like I'll need to find another app.

Thank you once again for your fantastic support.

regards

Andy.

Hi I have an image front11.jpg, I want to store this image locally in my app and use it as the background image.

I have added front11.jpg to the media manager, I have also added this as a resource in my theme page.

I tried with (added in custom css page):

Tiggzi('mobilecontainer').css('background-image','url("' + Tiggzi.getImagePath('front11.jpg') + '")');
Tiggzi('mobilecontainer').css('background-repeat','no-repeat');
Tiggzi('mobilecontainer').css('background-size','cover');

I modified it to:

[dsid="mobilecontainer"]
{
background-image:url("front11.jpg");
background-repeat:no-repeat;
background-size:cover;
}

still I am not able to see the background.

Please help

Hello,

Please use "Apperyio" instead of "Tiggzi". Tiggzi is deprecated.