Switch between a mobile optimised or desktop optimised version of a course

Hi All,

I have previously used a small piece of script added to the 'index_lms.html' file to switch between a desktop and mobile optimised version of a course based on the height versus width of a device viewport (if height is greater than width it shows the mobile version, and vice versa for desktop). The original script came from https://elearningbrothers.com/blog/responsive-articulate-storyline-solution/

However, the 'index_lms.html' file is now somewhat different when output is set to html5 only (which is preferable as I want to use the Modern player and not the Classic one) and I was wondering if anyone knows of another way this could be done?

1 Reply
Tyler Braddick


If you're using HTML5 only and the Modern Player the system is going to automatically provide the user with the best possible version based off their device. This specific script that handles this in the index_lms.html file is located at line 34. 

You shouldn't need to modify that file at all in order to get the proper output. 

Please see the following link for more information: https://community.articulate.com/series/articulate-storyline-360/articles/articulate-storyline-360-user-guide-how-to-publish-a-course-for-mobile

If you have any further questions do not hesitate to reach out to me. I'll be keeping an eye out for any replies.

Thanks and good luck!