Forum | Appery.io

Figured it out. Here is the whole code that is working now.

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

Hello! Thank you for sharing code

My background image doesn't adapt to the different screens.

I load this code:

$('div[dsid="mobilecontainer1"]').css('background-image',
'url("https://dl.dropboxusercontent.com/u/1...")')
$('div[dsid="mobilecontainer1"]').css('background-size','cover');

but I get this result.

How do i re-size a background image to fit the screen?

Hello! Please try approach posted here https://getsatisfaction.com/apperyio/...

I've read this forum, but image doesn't fit.

my code is:

Appery("mobilecontainer1").css('background-image','url("https://dl.dropboxusercontent.com/u/1...")');
Appery("mobilecontainer1").css('background-size','cover');
Appery("mobilecontainer1").css('background-position','center');
Appery("mobilecontainer1").css('position', 'absolute');
Appery("mobilecontainer1").css('width', '100%')
1382973113" alt=""

Please try the following code on page Show event
prevar mobilecontainer1 = $.mobile.activePage.find('[data-role="content"]');
mobilecontainer1.css('background-image', 'url("https://dl.dropboxusercontent.com/u/134459352/fondoportadatam.jpg")')
mobilecontainer1.css('background-size','100% 100%');/pre

When I try to cover the entire screen with my background image it gets cut off on larger screen sizes. Like this...

How do I get the image to proportionally resize to every screen size? The image I am using is 970 px x 970 px so it should be large enough no matter what screen size.

Hi Jay,

We cannot reproduce such problem. Please give us a public link to your application.

http://mitechnologies.app.appery.io