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?
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.
1 Reply
Craig,
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!
Tyler
This discussion is closed. You can start a new discussion or contact Articulate Support.