Articulate Storyline 2: Preview and Published Output Different

Apr 11, 2017

Hi All,

I'm trying to publish my course, and everything was working fine in the preview version, but when I publish to HTML5, several of the graphics are now mis-sized, and the animations are no longer working as intended.

Here is a picture of the preview output:

Here is a picture of the published output:

Note the arrows and dotted lines in particular; they're mis-sized and mis-layered in most cases.

The problem becomes even clearer when you see the slide in motion

Here is the preview output:

Everything works as intended with smooth animations

Here is the published output:

It's a disaster: some of the animations are actually running in reverse to what they're set to. 

Just FYI, I'm working and publishing 100% locally, and am running the course in chrome. 

Any ideas on how to fix this?



6 Replies
Susi B

Hi Martin,

actually you can´t publish Storyline 2 files to only html5. It´s still flash based and we have the same problem with arrows when we view our courses in Chrome. Try IE to view your online course. If you want html5 first/only you have to buy Storyline 3 or 360. And did you link to the html5 file? If yes try the html file.

We have created a info box with the working Browsers and that flash has to be up to date for viewing our courses.



Martin Lemieux

Hi Susi

Thanks for the reply!

The regular HTML file gives the same output as what you've seen above, as does running it in IE or firefox.  It's not a browser issue, or something to do with the HTML/HTML5 as far as I can tell - it's something that's going wrong with the publishing process and objects that are created in AS2.  The objects I created elsewhere and then imported in are all behaving properly.

What kind of program can't handle it's own in-house objects???

Right now what I'm doing is saving the arrows as pictures, and then reinserting them and seeing if that fixes the problem, but it's painstaking because there are over 100 of them to do.  I'd much rather have a fix to this. 


UPDATE: It is fixing the problem - I am NOT happy about the prospect of reinserting 100 arrows back into what I thought was a finished course.  There goes my deadline...

Martin Lemieux

Hi Leslie

I'm running a Windows 7 64-bit Service Pack 1 on an intel i5 processor desktop, so I think the computer and OS are up to the task.  The browser I'm using is Chrome version: 57.0.2987.133, which is up to date, so as I said - the problem is not the browser, and it's not the computer.

This isn't the first issue I've had with published animations using AS2-generated objects.  If you check my posting history - those issues were documented, but certainly never resolved, at least to my knowledge.  

As for the .story file, I can share it, but it has to be confidential, as there is a lot of proprietary information contained in it. 


Martin Lemieux

Hi Leslie,

Unfortunately, I've already overwritten the troublesome components with ones that work properly, so I can't show you.  I'll be sure to submit a case file the next time it happens.

The last time this happened with the grow animations not working properly, they weren't able to help me, just FYI - they just submitted a ticket to dev and hoped that it got fixed in the next revision, which didn't really do a whole lot to help me out back then.  I'm guessing it probably would have been the same thing this time, since its basically the same problem again.

Thanks for trying to help though!


This discussion is closed. You can start a new discussion or contact Articulate Support.