Detecting Screen Size and Mobile strategies

Oct 21, 2016

I didn't find these really in searching, so... 

(right now, we can't use the Articulate app) Is there a way for Storyline to detect the size of the screen it is playing on?  Meaning, if someone looks at a course on a tablet or laptop, the course should play the "full size" course, but if they are playing the course on a 5" or 5.5" phone screen it can automatically just use the mobile version of the course?

Right now, my solution is to just start the courses with a screen asking which version they want to take. Which leads me to the second part of this question:

We're looking at some mobile ideas, and I was thinking, instead of having our LMS tag the mobile courses as separate, and the learner has to basically guess at the LMS level, we could build both versions of the course in one story (two scene paths), and that opening slide to choose (or an automatic detector) would just channel the learner to the right version. The only real downside I see is size of the files. Is there a better way?  

3 Replies
Michael Hinze

Here is a thread where community members discuss detecting the orientation of a device and serving content based on that. I'm sure there are similar  Javascript solutions out there that let you detect screen dimensions and/or detect device/OS/browser type and redirect based on that.

You can 't have two versions of the same content WITH DIFFERENT dimensions in one .story file.

Scott Couchman

Thanks! That gives me a good starting point and the search terms to find the rest. We'd probably keep in in landscape, but detecting device/OS/Browser may be a neat way to do it.

I hadn't gotten to dimensions yet in my thoughts :) I was thinking honestly of just taking the content from the full size version and just making things (text, zoomed in images, buttons, etc.) "bigger" for the "mobile" version.

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