Storyline iframe problem in mobile & tablet
Mar 12, 2015
We have a course in which we embed several storyline iframes.
In the desktop version everything works fine.
In the mobile & tablet version (web application, not native app), however, some of them show up, and some don't. We don’t know what differentiates them, since both the player and the publishing process are identical in all the storylines.
For example, in this page, the first storyline shows up fine (that's the one that shows the contents immediately), and the second isn't displayed correctly, and only shows a play button:
After clicking the PLAY button, the file changes its size and doesn’t spread the whole width of the page like it should:
The only difference we noticed is in the attached JavaScript file (storyline_compiled_js) located in the mobile folder of each storyline.
We don’t know how this file is created, and merely changing it in the folder belonging to the incorrectly displayed storyline, so it's identical to the correctly displayed storyline, doesn’t help.
We also attached 2 open files:
SPORT which doesn't display correctly, and Electronics which does.
10 Replies
Hi Lea,
Thanks for sharing the files here and I took a look and saw all the same set up in both files so it seems the Storyline files are ok. I can't speak to how you've included it within the iFrame though - but I do know that when you embed a published course in an iFrame, the iFrame takes control of the content's placement. Depending on how the iFrame behaves, content might appear to be misaligned, cut off, or even have scroll bars. If you experience these symptoms, please contact your server administrator for assistance or look into the iFrame coding you created.
Hi Ashley
Thanks for you reply.
Regarding the
iframe
- all of ouriframes
are defined the same way:So it doesn't seem to me that the
iframe
definitions are responsible for the differences.Hi Lea,
You also mentioned mobile, and looking at your images again I wanted to confirm that you're viewing in one of the supported browsers described here.
That's right, our problem is on tablets.
We're using safari 7 on an iPad. From what I understand from that article, that should be supported. Please correct me if I'm wrong.
Hello Lea,
Safari 7 and later are recommended. You may also want to take a look at the information here regarding Mobile Safaris limitations.
Hi Emily,
Thanks for the link, it's quite informative
However, I still can't understand from it, why some SLs work correctly, and some don't. Do you have any idea?
Thanks
Lea
Hello Lea,
Unfortunately we can't guarantee that every course will work as designed in mobile Safari due to its current limitations. We always recommend testing them in Mobile Safari to see how they may work.
I've contacted my developer and they say the problem is in Storyline itself because the problem only occurred on iPad not in desktop browser. Other content except for Storyline looks ok in iframe when running iPad. Please fix this issue.
I have tested using Google Chrome for iPad and it seems to have the same problem. I don't think it has anything to do with Mobile Safari limitation.
Hi Fadzil!
I shared some information here on a similar question.
This discussion is closed. You can start a new discussion or contact Articulate Support.