I am wokring on a course that needs that can be accessed on iPad and iPhone. What should be the stage size in Storyline or any other settings required so that the course is seen on both the devices without scroll bars?
When you're designing a Storyline course that'll be viewed on an iPad, you'll want to be sure 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 or 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.
You may have to do some trial and error testing for the iPhone however, as we don't yet officially support publishing for it.
Thanks Peter!. The information really helps me; more importantly it was quick.
Just one more question. If I want to view the course in Safari and in portrait mode on an iPad. What resolution should I set in Storyline considering that there are tool bars in the brower?
I would stick to the default of 720 x 540. Are you having issues when using that size? You could tell Storyline to open the course in a new browser window to see if that would help with the toolbars and give you more space.
Also, keep in mind that the Storyline player (the interface for your course) adds to the width and height of your published course. The number of pixels added to the published story size depends on the elements you choose to include in the player. For example:
The player frame, by itself, adds 20 pixels to the width and the height (10 pixels all the way around your course).
If any slide in your course has a Prev or Next button or if you've included the volume control to your player, it adds an additional 51 pixels in height.
If you include the title in the top bar of your course—but no player tabs—it adds 23 pixels in height.
If you include a title in the top bar and one or more player tabs, it adds 47 pixels in height.
If you do not include a title in the top bar but you do include player tabs, it adds 24 pixels in height.
If you include the sidebar in your player, it adds 240 pixels to the width.
3 Replies
Welcome to the community, Yogesh!
When you're designing a Storyline course that'll be viewed on an iPad, you'll want to be sure 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 or 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.
You may have to do some trial and error testing for the iPhone however, as we don't yet officially support publishing for it.
Good luck!
Thanks Peter!. The information really helps me; more importantly it was quick.
Just one more question. If I want to view the course in Safari and in portrait mode on an iPad. What resolution should I set in Storyline considering that there are tool bars in the brower?
Thanks again for your help!
Regards,
Yogesh
Hi Yogesh,
I would stick to the default of 720 x 540. Are you having issues when using that size? You could tell Storyline to open the course in a new browser window to see if that would help with the toolbars and give you more space.
Also, keep in mind that the Storyline player (the interface for your course) adds to the width and height of your published course. The number of pixels added to the published story size depends on the elements you choose to include in the player. For example:
This discussion is closed. You can start a new discussion or contact Articulate Support.