Text not displaying properly in IE 11
Feb 05, 2014
Hi there,
I recently published a course for a client that doesn't display properly in Windows 7/IE 11. Only some of the letters in each word on the page appear. I can't post a screen shot or provide you with the .story file because it would violate our confidentiality agreement with the client. Basically, it looks like we used a typewriter with several missing keys when we created the content.
I don't have this issue in any other browser that we've tested in, but I'm wondering if you have any ideas about why this could be happening and how to resolve it--or if you've had any other reports of this happening with IE 11?
I updated to the most recent version of Storyline last week, incidentally. Not sure if this was happening before I updated.
Thanks for your help!
Michelle Eiteljorge
14 Replies
Hi Michelle,
I heard one report of this before, but it seemed to be just one user who was experiencing this in IE11. Are you able to check what version of Flash you're using to see if it's the same in the other browsers you've tested in? Also, you mentioned not being able to share the course here in the forums, but if you're able to share with me privately I can send you directions, and you're always welcome to share with our support engineers.
I am encountering the exact same issue with a Storyline Update 4 project I have been working on. It only happens with IE11 using the HTML5 release. When I view it in Flash there are no issues. I'm using Arial as the font, incidentally.
Just my .02, but for the desktop I don't use or recommend the html5 version; just the Flash version. HTML5 is still a moving target and the best user experience is with Flash.
Hi Keith,
When viewing HTML5 content, you'll want to use one of the supported browsers mentioned at the bottom of this article and there is limited support for Internet Explorer.
Hi Ashley, when we purchased storyline, we were under the impression that HTML 5 would work under any browser - at least that is what the marketing has led us to believe why so much difficulty with Win7/IE11? Would an upgrade to Storyline 2 help?
Even a simple text box is not displaying in the IE11 browser..
Hi Nicolette,
There is limited support for HTML5 in Internet explorer as you can see in the chart I previously shared, but it's limited based on the level of support that Internet explorer offers for display of HTML5 content. A really great site to compare how different browsers will operate with HTML5 content (even outside of Articulate) is HTML5test.com - you'll want to look at IE vs. Chrome for example, and it'll help frame why we steer users towards a browser such as Chrome for example.
With the release of Storyline 2, we also updated some of our documentation and information in regards to the browsers, and that chart is detailed here. Overall, the HTML5 features of Storyline 2 have been increased, but browser such as Internet Explorer are still not up to speed, so we won't recommend using it for exclusive HTML5 content.
This is a fix for the IE 11 (edge) problem that you can use. You have to manuall edit the generated story_html5.html file. Open the file in a text editor, find this line: "<meta http-equiv="X-UA-Compatible" content="IE=edge">".
Remove "IE=edge", and instead write "IE=10; IE=9". This will force IE11 to run as IE 10, which works fine with fonts for us. IE10 and IE9 will stay in their own versions.
Thanks Linus for sharing that workaround here.
The X-UA-Compatible fix described above works great when running training in its own tab/window, but unfortunately fails if the training is being displayed within a frame on another page.
It appears IE11 must display the whole tab in one document mode, so you can't have the container page (i.e. the LMS) running in IE11 mode and a frame (i.e. the Storyline content) running in IE10 mode.
We have managed to workaround this by editing the mobile/player_complied.js file in Storyline's generated output.
Open this file using a text editor, locate the following:
m_xmlData=a.getElementsByTagName("g")and change it to:
m_xmlData=Array.prototype.slice.call(a.getElementsByTagName("g"))Hi, Fraser -- Thanks so much for your input/workaround here! I am sure it will be helpful to those who come across this thread looking for assistance! :)
I have a similar problem while typing within Storyline. I use Trebuchet font and I find that when I'm typing in a text box, a random letter will not display for me. It seems to only be affecting the letters "a" and "t". If I hit "enter" and then type, it's all right and I can relocate my completed sentences, but this can happen at any part of the text box. Very strange!
Hi Susan,
Are you only seeing this within IE11 as other users mentioned here? Have you already gone through the troubleshooting steps mentioned above in terms of ensuring Flash it updated, not using the HTML5 output, etc.? If you're still having a hard time could you share a link to the course here with us?
Hi, Ashley. No, I'm not on a browser. This is just in Articulate Storyline 2, update 4. It's just when I'm editing right in Storyline itself, so I'm not sure if the fixes would help? It's not a huge deal - just a weird anomaly.
Ok Susan, thanks for clarifying. We're now on Update 6 of Storyline 2, so I'd suggest installing and using the latest update. If you're seeing odd behavior in your .story file I'd look first to confirm you're working on project files as described here and then I'd suggest importing it into a new file as well. If you're also seeing this on a brand new file that you've confirmed was saved locally I'd go through the repair steps.
This discussion is closed. You can start a new discussion or contact Articulate Support.