Create Seperate splash screen using IMAGE

[She]

Hi Team,

I want to create a splash screen using 1 page:

this is the sample of splash screen in StartScreen:
.jpg?1425019117]
as you can see there's is a white outside the mobileImage. I just want to FULLSCREEN IT. how can i do that

Thanks

[Evgene Karachevtsev]

Hello She,

Could you please clarify, do you use 9-patch image for your launch image?
http://devcenter.appery.io/documentat...

[She]

I tried this code in page show event:

$('div[dsid="mobilecontainer"]').css('background-image',
'url("images/newwww.png")');

but theres an error shows which is:

GET http://appery.io/app/view/76082ec3-be... 404 (Not Found)

but the image is in IMAGES folder in appery

[She]

Im trying to set a background image when the screenpage show's using this code. but nothing happens.

$('div[dsid="mobilecontainer]').css('background-image','url('+Appery.getImagePath('Untitled-3.jpg')+')');

the "Untitled-3.jpg" is in images/Untitiled-3.jpg.

please help me.

thanks

[She]

u

[She]

Hi Evgene,
I need help the image is always compressed in header and footer. how to fix it?

the code of css is in below:

.footer {
border-style:solid;
background-image: url(../image/header.jpg)!important
background-repeat: no-repeat;
background-size: 200 100%;
}
.header {
border-style:solid;
background-image: url(../image/header.jpg)!important
background-repeat: no-repeat;
background-size: 200 100%;
}

while in javascript in page show event is:
Appery('header1').css('background-image','url("' + Appery.getImagePath('header.jpg') + '")');
Appery('footer1').css('background-image','url("' + Appery.getImagePath('header.jpg') + '")');

i followed this tread to use the code above:
https://getsatisfaction.com/apperyio/...

screenshot below:

the original image is:

the size of this image is 3000x200
i just follow this step in image uploading but not in CSS
http://devcenter.appery.io/documentat...

pleasse help.

[Yurii Orishchuk]

Hi She,

Please follow steps below:

1. Delete all things you have done before for this goal.

2. Create new CSS asset.

3. Populate it with following CSS code:

   pre

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

   /pre

4. Activate page component and uncheck "Show Header" and "Show Footer" check boxes.
   Details: http://prntscr.com/6c2hmb/direct

   That's all.

   Regards.

[She]

yes yuri,
i already done this problem. now the header is the probem, the image is in the center not in whole header

i use code below in page show event.

Appery('header1').css({
"background-image": "url(" + Apperyio.getImagePath("header.jpg") + ")",
"background-size": "cover"
});
Appery('footer1').css({
"background-image": "url(" + Apperyio.getImagePath("header.jpg") + ")",
"background-size": "cover"
});
i hope you can help me here

thanks

[She]

[Alena Prykhodko]

Hello,

Instead of h1 try next:
pre$("div[name=mobileheader]").css({
"background-image": "url(" + Apperyio.getImagePath("header.jpg") + ")",
"background-size": "cover"
});
/pre
Your css is too "light" for the css "weight" selector
https://css-tricks.com/specifics-on-c...
http://blog.bismallion.com/appery-tut...