Mobile Container Background - shows in Web Test but not in App

[Andy Parker]

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

[Kateryna Grynko]

Hi Andy,

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

[Maryna Brodina]

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

[Andy Parker]

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?

[Kateryna Grynko]

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.

[Kateryna Grynko]

Andy,

Please confirm you got the image.

[Andy Parker]

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.

[shabeer]

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

[Serhii Kulibaba]

Hello,

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