Responsive design in Storyline 360

Hi Max, 

Storyline 360 (and Studio 360) use a responsive player and Rise is set up to be an entirely responsive designed course. To help clarify the difference here is our information on the responsive player, and specifically you may want to take a look at this section:

 For a bit more information about how Rise works with responsive design you can read this article here.  

thanks for the link...
but i do not think that is the best solution...
As for me i am developping a web app, so, between 4:3 and 16:9, it is not too far, but it is different...
For my project, i will do the same than before, with storyline2... i do not see a good evolution for this project!

And in the new storyline, i have got a big Black Border if my module size do not respect, that i can not change in storyline player color. ( see my screenShot)
My web app have to be full screen Mode, so i can not have a black Background! 

The best solution is to do with RISE, but i can not change the design!
could be good to join storyline 360 and Rise in a same program! so the module developer could not have problem of responsive size!

i will keep doing like before storyline 360, but i regreat the you did not develop that like captivate

+ when you do a true/false question, if you answer without choising an answer, there is a bad windows "Invalid answer" that you can not change by yourself, you have to develop a trick...
YOU DID NOT DO something for that, it is not responsive too

Hi Max, 

It may not be the solution that works for everyone, but our team thought long and hard about how to best do responsive design and decided that having two tools, both as a part of one Articulate 360 subscription was the way forward. 

When Rise was designed our team looked at the example set by authoring tools such as Captivate where you have to manually redesign the content for each type of device. In essence creating a course X number of times - and that seemed like a lot of extra work. With Rise, you use the built in templates we have and the content is automatically going to reflow based on the device used. Understandably the templates may not be for everyone or every type of course, so you still have access to tools such as Storyline 360 and Studio 360 to utilize the responsive player. 

Within Storyline 360 the black bars you're seeing are based on the overall slide dimensions,  player elements you've added and the device that users are viewing it on. You could also restrict that within the new responsive player behavior and offer the reminder that it should be viewed in landscape mode for example. 

The invalid answer pop up you're seeing is by design.  It indicates as you've seen that the user hasn't chosen an answer and is a prompt for them to answer the question before proceeding. It's been noted as a feature request to have access to that layer, but it has not yet been included as a feature. 

Hello to all
So, with the storyline 360 you can not obtain the same result of Rice? There is no template to download that can eliminate blacks edges on the mobile version?

Hi Alessandra,

Storyline 360 and Rise deal with mobile and responsive output in a different way, and within Storyline 360 you'll be able to use the responsive player. This article has a good description of how the responsive player will work and answers to some other questions you may have. 

Please let us know if we can help with anything else! 

Is it necessary to utilise the Storyline Templates for the responsive player to be able to play a course in a visually pleasing way on mobile devices?  If I create a course from scratch/mess around with a template, will the responsive player be able to deal with it?

Hey there Nat!

The responsive player in Storyline 360 will automatically display when you view HTML5 courses on tablets and smartphones, no matter if you build a course from scratch or use a template from the Content Library. It adapts to the screen size and orientation of any mobile device for the optimal viewing experience, and the best part is there's no extra work required on your end! Just publish your course and let the player do all the work for you. And in case you're interested, here's more information on how the responsive player works when publishing a course for mobile devices.

helllo Nat,
you do not have to download it! but apparently it is better to view your course in responsive!
but if you choose to do without the app (especially cause the app doesnt show your logo), you need to find the good size for your player!

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.