How do I make a presentation that adapts to screen orientation?

Jul 17, 2019

Hello, everyone! I've recently hopped on Storyline after feeling fed up with Captivate's various limitations. However, there is one Storyline snag that I'm hitting that I can't seem to figure out.

In Captivate, with fluid boxes, I could have different screen layouts for different phone orientations. For example, in landscape mode, I'd have text on the left side of the screen and buttons on the right, and when I flipped my phone to portrait, the text would shift to the top of the screen, and the buttons to the bottom.

As far as I can tell, Storyline can't do this. It seems that switching your phone's orientation just shrinks your screen size down. So, if you build something designed for landscape mode, portrait mode will have your landscape design shrunk down to a tiny size, with giant margins on the top and bottom.

So, is a workaround possible? Can I have a project with text on the top and buttons on the bottom in portrait mode that switches to text on the side and buttons on the right in landscape? I did see one developer on here who was able to do a hack where a different project loaded depending on the phone's orientation, one designed in landscape, the other portrait. This seems terribly clunky (I don't want to design/debug two projects) and I'm sure I'd run into issues when a quiz-taker swaps projects mid-quiz.

Thanks in advance!

2 Replies
Crystal Horn

Hi Ben! Michael's got it here. The slide content in Storyline 360 is not responsive, but the player is. We don't shift the content on your screen, but the responsive player will make sure it uses the most screen space on every device while keeping the aspect ratio of your slides.

Rise 360 is the perfect fit if you're looking for fully responsive design. Please let me know if you have any questions as you explore Articulate 360!

This discussion is closed. You can start a new discussion or contact Articulate Support.