Articulate storyline HTML5 output problems


I am having a major issue with the HTML5 output from Articulate Storyline (update 4: 1311.1422).

I have a master template that contains some commonly used 'layers', such as resources and help sections. 

I am not using the Articulate resources sections, nor the links on the top navigation. I am using my own button sets.

The layers are shown by listening for an update in a variable. For example, the resources layer is shown using the following method.

if 'showresources' == true

  show layer 'resources'

if 'showresources' == false

 hide layer 'resources'

The 'resources' button on my main navigation bar then updates the value of the 'showresources' variable to 'true'. The close button on the 'resources' layer, then updates the 'showresources' variable to false. This all works fine in preview mode, and works fine the Flash output, however the HTML5 output is really unpredictable.

For example, my resources layer contains a list of links in a scrollable panel. None of the links within the panel are 'clickable' nor is the hide layer button that I have created and nor is the scroll bar on the 'resources' layer. In fact, you are completely stuck in HTML5 once this layer has been shown. Something appears to be preventing any interaction with any of the buttons or links on this layer.

I also have another instance, again where I am using a layer to show a small pop-up message to the learner to indicate to them when the 'next' button is not active. This small pop-up message is also on a layer within a template so I can use it across every slide and again, once opened, it seems the button to hide the layer does not work and it is stuck open. The logic I use to show the layer is identical to what I have described for the resources layer.

What makes me think this is a bug is that it works perfectly in Flash, and therefore expected the same/similar behaviour in HTML5. None of the methods I am using fall under the 'unsupported in HTML5' banner too.

Can somebody please help me out with this problem.

Adding these layers to all slides is not a good option as it means maintenance of several instances of the same thing.



4 Replies
Christine Hendrickson

Hi Sam,

Sorry to hear about the trouble with this. And none of the issues you described were happening before applying the update, correct?

Are you able to try importing the slides from this project into a new, blank project file? If you could try this, then republish and test your project, that would be helpful.

Importing from Another Storyline Project - E-Learning Heroes

Also, can you tell me a little more about how you're viewing the HTML5 content, please?

Are you uploading to a server or LMS?

What web browser are you using to view this? Are you viewing this on your machine, or from an iPad?

Are you able to share the .STORY file here, so I can take a look? If the file isn't too large, you should be able to attach it to your response. 


Sam Hill

Yes, the issue has always been happening. I was hoping the issues would be resolved when applying the latest patches, but no luck.

I'm looking at the content on the latest Chrome on IE7 and ipad 1 and ipad 2. The .story file has been provide to the staff now and we're just hoping for a resolution. It seems really buggy though.