I've been following this thread and I've tried many of the suggestions and my story (without a menu) still doesn't fill the iPad screen. Any new suggestions? Thank you!
990 x 540 or 990 x 542. This should work well for iPad-Safari combination.
Note: it is also depends on what player tabs (Menu, resources, Glossary etc.) have been added on topbar and what other features (navigation buttons, seekbar, volume control) are there on bottom bar.
990 x 540 works on iPad-Safari with title, menu, resources tabs on top, next, previous and volume control on bottom.
When designing a Storyline course that'll be viewed on an iPad, you'll want to use a 4:3 aspect ratio in order to make the best use of all the screen area. The default story size of 720 x 540 is your best option. However, as long as you maintain a 4:3 aspect ratio, you can change yourstory sizeto 800 x 600, 1024 x 768, etc.
If you use a different aspect ratio, Storyline will maximize (scale) your content to fit within the iPad screen to prevent scrolling and provide the best experience possible. Also, as Hassan mentioned the size will also depend on player elements you've added - and this is for mobile Safari.
Thanks Ashley, I followed the thread with the info you provided as I mentioned in my original post. It doesn't seem to matter if I change the size, it still does not fill the iPad screen.
Any chance you could show us a screenshot of what it does look like? Also, what have you set in regards to the browser/player options? Are you running your course in a web server or LMS?
Could it be the built in navigation causing the issue? This one is set to 960 x 640 without standard nav. (And yes, I tried 960 x 640 on the above layout as well).
Nicole, Aspect ratio is not 4:3 as recommended by Articulate. I don't know why 4:3 is recommended even? It doesn't assure best use of screen real estate whether published for Safari or Mobile Player. Ashley can we get some input on this please?
I only tested 1220 x 768 on iPad Air, so if you are targetting other iPads, I would suggest testing on those as well.
The 4:3 aspect ratio is actually how the iPad has been designed - so keeping your Storyline story size to match allows for the best display compared to a 16:9 ratio which is more a wide screen format such as for movies.
I totally agree that iPad has 4:3 aspect ratio and we get better display result as compare to 16:9. However, if we want a course which should be using all available width and height, we have to go for some custom size/aspect ratio. I have observed that both on Safari and now iPad Player.
I understand now what you're describing in regards to all the available width and height, sorry I was missing that before. The 4:3 aspect ratio is best for overall display/clarity issues - so if you're more concerned about overall screen real estate, you may need to play with the sizing more to see what works for your particular content keeping in mind how Storyline will scale it.
18 Replies
Hi Nicole,
990 x 540 or 990 x 542. This should work well for iPad-Safari combination.
Note: it is also depends on what player tabs (Menu, resources, Glossary etc.) have been added on topbar and what other features (navigation buttons, seekbar, volume control) are there on bottom bar.
990 x 540 works on iPad-Safari with title, menu, resources tabs on top, next, previous and volume control on bottom.
Thanks,
Thanks - How about for the articulate mobile player?
Nicole,
I have not tested this size on articulate mobile player. I owe you this answer
Unfortunately I don't have access to proper resources at the moment. I will be able to answer that tomorrow.
Thanks,
Hi Nicole,
When designing a Storyline course that'll be viewed on an iPad, you'll want to use a 4:3 aspect ratio in order to make the best use of all the screen area. The default story size of 720 x 540 is your best option. However, as long as you maintain a 4:3 aspect ratio, you can change your story size to 800 x 600, 1024 x 768, etc.
If you use a different aspect ratio, Storyline will maximize (scale) your content to fit within the iPad screen to prevent scrolling and provide the best experience possible. Also, as Hassan mentioned the size will also depend on player elements you've added - and this is for mobile Safari.
Thanks Ashley, I followed the thread with the info you provided as I mentioned in my original post. It doesn't seem to matter if I change the size, it still does not fill the iPad screen.
Hi Nicola,
Any chance you could show us a screenshot of what it does look like? Also, what have you set in regards to the browser/player options? Are you running your course in a web server or LMS?
I tried different settings with same results.
Not using an LMS.
Could it be the built in navigation causing the issue? This one is set to 960 x 640 without standard nav. (And yes, I tried 960 x 640 on the above layout as well).
Nicole,
1220 x 840 If course does not have Standard Next and Previous buttons
1220 x 768 If course has Standard Next and Previous buttons
I believe the content would always appear in a wrapper (the dark grey one). I also tested some other Storyline demo courses (https://www.articulate.com/products/storyline-showcase.php) and all appear inside the player wrapper.
Thanks,
Thanks Hassan!
Hi Nicole,
Glad Hassan was able to help you out here - and if you need anything else let us know!
I haven't tried it yet so I'll let you all know how it works out.
Hassan - can you think of any drawbacks of making the story size 1220 x 768? I'm creating the content specifically for iPads. Thanks,
Nicole, Aspect ratio is not 4:3 as recommended by Articulate. I don't know why 4:3 is recommended even? It doesn't assure best use of screen real estate whether published for Safari or Mobile Player. Ashley can we get some input on this please?
I only tested 1220 x 768 on iPad Air, so if you are targetting other iPads, I would suggest testing on those as well.
Good luck.
Hi Hassan,
The 4:3 aspect ratio is actually how the iPad has been designed - so keeping your Storyline story size to match allows for the best display compared to a 16:9 ratio which is more a wide screen format such as for movies.
Hi Ashley,
I totally agree that iPad has 4:3 aspect ratio and we get better display result as compare to 16:9. However, if we want a course which should be using all available width and height, we have to go for some custom size/aspect ratio. I have observed that both on Safari and now iPad Player.
Am I missing something important?
And once again, thanks for your feedback
Hi Hassan,
I understand now what you're describing in regards to all the available width and height, sorry I was missing that before. The 4:3 aspect ratio is best for overall display/clarity issues - so if you're more concerned about overall screen real estate, you may need to play with the sizing more to see what works for your particular content keeping in mind how Storyline will scale it.
Thanks for the discussion Hassan! So if go with Hassan's size for the iPad air, how will storyline scale it?
This discussion is closed. You can start a new discussion or contact Articulate Support.