When building an iPad HTML5 app, why does the splash page not work correctly in landscape mode?

Question

Level 1

14 points

When building an iPad HTML5 app, why does the splash page not work correctly in landscape mode?

I have recently completed an HTML5 web app for the ipad and one of the most challenging things about the process was getting the splash screen to work.

I have now succesfully completed the job and the splash screen works, but only under the bizarre condition that the app is first launched in portrait mode. This seems pretty crazy as most people using the ipad for browsing do so in landscape mode.

Has anyone come across this problem and resolved it?

cheers

Posted on Sep 9, 2011 7:40 AM

Reply

Answer 1

K T

Level 7

23,865 points

Sep 9, 2011 8:26 AM in response to mickcoll79

Did you inlcude and code for Default-Landscape.png in your iPad app? It sounds like it, so the next question is how are you testing? Do you quit the app between tests?

Reply

Answer 2

mickcoll79 Author

Level 1

14 points

Sep 9, 2011 8:32 AM in response to K T

yes, bare in mind this is an HTML5 Web App and not a native app. so yes I have included code for both landscape and portrait modes.

I install the web app and open in portrait, it works. then close and open in landscape, it works.

if i install the app and open in landscape FIRST... then no splash screen ever works.

This isn't just my problem. I've read about in several forums over the past few days while investigating.

thanks

Reply

Answer 3

K T

Level 7

23,865 points

Sep 9, 2011 9:11 AM in response to mickcoll79

>if i install the app and open in landscape FIRST... then no splash screen ever works.

Delete it from the device first, then install and open in Landscape...does that work? Installing via debug or release or?

Reply

Answer 4

paratene

Level 1

0 points

Sep 13, 2011 7:17 PM in response to K T

@mickcoll79

I'm about to run into this problem soon, do you mind sharing your code that shows how to get this to work?

Cheers

Reply

Answer 5

K T

Level 7

23,865 points

Sep 13, 2011 7:32 PM in response to paratene

All straight from the iOS Dev Center. Search there on: orientation

...and don't forget to check the sample apps.

Reply

Answer 6

mickcoll79 Author

Level 1

14 points

Sep 14, 2011 6:56 AM in response to K T

KT could you provide a specific link. Searching 'orientation' brings up a WHOLE lot of results.

Thanks

Reply

Answer 7

K T

Level 7

23,865 points

Sep 14, 2011 7:08 AM in response to mickcoll79

You'll have to wade thru whatever hits come back to find out if anything is specific to web apps.

Reply

Answer 8

mickcoll79 Author

Level 1

14 points

Sep 14, 2011 7:13 AM in response to K T

Ah ok sorry, I thought you had come across the solution. Didn't realise that you were just guessing.

I've been researching this extensively for days and it seems that many many others have put time into the problem also. I think if there was a solution in the iOS Dev Center it would have been uncovered. The general consensus throughout the forums that I've read over the past week or two is that this is a bug that Apple have yet to comment on or address.

Reply