Responsive design in Storyline 360

Hi Nat, 

Looks like Maxime has answered your question here! Storyline 360’s HTML5 output and responsive player make the Articulate Mobile Player (AMP) output unnecessary, unless learners need to download content for offline viewing or your course includes FLV videos with alpha-channel transparency, both of which are supported in AMP.

In reference to Maxime's comment about choosing a player size, the responsive player fluidly responds to the screen size and orientation of any mobile device, hiding sidebar menus, eliminating browser chrome, and delivering mobile-friendly playback controls. Any player size you choose will scale up or down to fit the screen size of the mobile device. However, if you want to give your users a "fullscreen" experience, we generally recommend a 4:3 aspect ratio for tablets and 16:9 aspect ratio for phones. If you're not sure which devices they're using, we recommend using 4:3. I hope this helps!

Hi there,

thanks for the forum on Responsive Playback in SL. I'm using SL-360 and want to set my Responsive Playback screen orientation to 'Landscape only' for both mobile and tablet. As instructed, I have used the 'gear wheel' next to the view options in SL to select the tablet & phone option - Landscape. I preview in SL and try all views, and all works fine. In portrait mode the user is directed to view in landscape mode.

Problem: When I publish as Scorm 1.2 > upload to LMS > preview on Iphone 6 (or Browserstack), I'm still able to view in portrait mode and able to rotate the screen freely (the screen is not locked in landscape mode). 

What else do I need to need to do to force the user to use Landscape mode on all mobile devices?

What am I missing in the SL setup / publishing configuration?

kind regards Greg.

Hi Greg,

Thanks for reaching out here and sharing the behavior you're seeing. What iOS are you using? I see a previously reported issue within Apple that they weren't respecting some positional elements as detailed here.  You may also want to reach out and file a bug report with Apple to see if there is any way around the behavior. 

It is something our team has also taken a look at, and we'll continue to monitor impact on this issue and any changes we can make to work around the issue within Apple. 

Not a problem Greg, and please keep us posted what your LMS says as well! It may help another user who comes across this forum post. 

Hi all, i understand Rise is your answer to truly responsive content, but what irks me the most with it is that i have clients with certain branding guidelines and font types for their content which seems i wont be able to achieve when building in Rise? How on earth did the developers of this product not understand that we might need this flexibility? I love how simple it is and easy to use but seriously you need to be able to customize much more of the content.

Hi Tim, 

We're working on some new features to Rise that would answer some of these customization items. For example, custom Fonts and font colors - scheduled for Q3 (July - Sept) this year. 

Are there other areas you'd like to see updates or changes? I'd love to know a bit more and you can share here or send along a Feature requests here.

If you’re wondering what happens when you submit a feature request, here’s our process.

Looking for a quick answer to this question.. If we design in storyline 360 and lock the orientation to portrait when viewing on mobile devices, can the learner still turn landscape to view video full screen?

no it will be occluded by the orientation instructions

Okay. Just to verify because I might have worded my question wrong. We want to lock the orientation of the course to portrait but enable full screen landscape when viewing a video within the course...just the video. Is that possible? Sorry for any confusion.

Hi Dave,

If you lock the orientation for the course as a whole that will also impact videos that you insert into your course. You could try linking to the videos so that they'd open as a separate window or tab and that one would allow you to turn it landscape and use the video controls (say on Youtube) to launch it full screen.