splash screen image not loading

[Michael4771079]

Hi,
flash builder

I have set splash image using this code
code$('div[dsid="mobilecontainer10"]').css('background-image','url("' + Tiggzi.getImagePath('cartoontaxi1.png') + '")');
$('div[dsid="mobilecontainer10"]').css('background-size','cover');
$('div[dsid="mobilecontainer10"]').css('background-position','center');/code

Code: Select all

it only loads the top part unless you change screen orientation or size of screen, it then fills the screen. 

its the same in browsers and apk on android phone

this code worked before, also I have noticed that on larger screens like ipad an image wil load with this code if there are components on page but only as far as just after the last component image2

image1

image2

hope the images help
thanks

[Kateryna Grynko]

Hello,

You can add following code code$('div[dsid="mobilecontainer10"]').css('position', 'absolute');
$('div[dsid="mobilecontainer10"]').css('width', '100%');
/code
to your existing JavaScript:code$('div[dsid="mobilecontainer10"]').css('background-image','url("' + Tiggzi.getImagePath('cartoontaxi1.png') + '")');
$('div[dsid="mobilecontainer10"]').css('background-size','cover');
$('div[dsid="mobilecontainer10"]').css('background-position','center');/code
This will corect CSS properties and you'll have a full screen image.

[Michael4771079]

Cheers Katya,
it works very well, but every page is off centre,to the right?

Both in browsers and on android phone

[Kateryna Grynko]

Select center component on Splash screen and set padding=0 in properties.

[Michael4771079]

Thank you again Katya, all good now

[Scott Schechtel6280324]

When I go to re-open the app after exiting, the Splash page does not load - it just opens up the second page. It is in my settings to have Splash be the starting page. Thx

[Alena Prykhodko]

Hi!
[quote:] I go to re-open the app after exiting[/quote]
Do you mean you reload app in the builder?

Please provide more details:

• screen shot of App settings- General;
• steps to reproduce.

[Scott Schechtel6280324]

Here's the screenshots of the settings page and the Splash screen in design view:

As far as steps go, all I did was add the code provided to make the screen adjust to device rotation and size. I just want it to reopen to the Splash screen image everytime I open the app after closing/exiting it on my phone. The only way it will do it is if I completely shut off the phone and fire it back up. It must be a caching thing

[Kateryna Grynko]

Hi Scott,

When you exit the application by pressing the Home, the application can't be closed and gets minimized. That is why when you open it again you get to the screen where it was minimized and not on the splash screen. All the applications work so on iOS and Android.

You can stop the application without having to completely shut off the phone (how you do this depends on the OS version on your phone).

[Scott Schechtel6280324]

Now it seems to be working. Every couple hours or so of either exiting the app by clicking Home or using the Back feature on my phone, it refreshes to splash screen. Good enough. Thank you!