3 Replies
Peter Anderson

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!

Yogesh Yadav

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

Peter Anderson

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:

  • 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.