Forum Discussion
Mobile version that is different from desktop version (device responsive)?
Is there a way to design each slide to have two version, one that shows up when displayed on a PC or a large screen, and one that displays on a phone or small screen. Trying to make my eLearn truly...
I'll start with saying I am not a programmer so I don't know what you need to do. :)
However, here is what I did in the past that worked in my prototype. But this was with SL2 before html5 was more standard in the browsers.
- I create a landscape and portrait version of the course.
- In the published output of the landscape version, I added the folder with the portrait version.
- Then in the story.html file for the landscape course, I modified the line that switched from the Flash version to HTML5 version. Instead of launching story_html5.html it redirected to the portrait folder and the story_html5.html inside that. It worked because most browsers played Flash so when you accessed from a mobile device it looked for the html5.
What you'd need is some code for the story.html file to do the same thing only it would need to look for a mobile device and then play the alternate version. I don't know enough to create that code.
