HTML5 Resume Saved State

May 22, 2013

Normal 0 false false false oNotPromoteQF /> EN-AU X-NONE X-NONE


We have built a number of lessons in Articulate Storyline and the html and flash versions of the lessons work great.


We are having problems with a page's “resume saved state” when viewing the HTML5 version. If a user returns back to a previous page in the HTML5 version (Safari on ipad) these states are not returned. e.g. This could be a changed image state (from hidden to normal) or a hidden layer that should now be showing because of the users previous interaction with that particular page.


When viewed using the Articulate App these issues are solved. The problem is, some of our users are wanting to view an online HTML5 version without having to download the app. Is there a way around this?


Any thoughts would be much appreciated...




20 Replies
Christine Hendrickson

Welcome to E-Learning Heroes, Mark!

First, can you tell me what version of Storyline you're using, please? To find this information, click on "Help" and "About Articulate Storyline".

If you're not running version 3 (1305.2012), please download and install the update using the link below:

Articulate - Storyline Update 3

Once you've finished installing the update, please republish and test your course on the iPad. If the problem continues after installing the update, or if you already have Update 3 installed, please let me know.

Thanks very much!


Christine Hendrickson

Hi there Ryan,

Thanks for getting back to me!

Ok, so you're encountering this with the latest version, correct? Any chance you can share the project with us, so we can do a little testing on our end?

You'll be able to attach the .STORY file on the second page of the following form:

Articulate Support - Submit a Support Case

Please be sure to include a description of your issue. Please also include the URL for this thread in the form. Also, please share the case number with me. You're welcome to do so here, or in a private message. This way I can follow the progress of the case and update this thread.

Thanks very much Ryan!


Martin Abildgaard

I use layers to simulate the user interface of a product. For each tab in the software I use a layer. When I click another tab, the layer hides and another layer shows. Every time I revisit a tab (layer) it should reflect the changes made in it previously (resume saved state) - this works as expected in the flash version, but in the html5 version the layers are reset even though they are configured to resume saved state.

For confidentialty reasons, I cannot share the file.   

Alyssa Gomez

Hi Martin, thanks for those details!

I put together a quick sample file with 3 layers. Each layer has shapes with a 'Selected' state. In my testing, the 'Selected' state remained when I revisited layers. 

Could you test my sample file by clicking here? Let me know if the 'Selected' state is retained for you, as well.

bobby garcia

On the topic of saved states, I have a (Menu) file that launches another (course) file. The menu file triggers the course launch button to change states. I've tried launching in same and new browser but the result is the same: upon returning to the menu file, and being asked to resume where I left off, the button is remains as Normal.

I've created the button in the main file from scratch and I'm using custom states rather than out of the box. Adding the course to the menu file works as it should, but since I'm building numerous courses, I don't want the file to be bloated. 


Alyssa Gomez

Hi Bobby!

Happy to help! First, let me make sure I understand what you're seeing.

It sounds like you have a Menu slide with a button that opens a web URL to another course. When you click the button to open the URL, the button changes states. However, when you close and resume the course, the button goes back to the Normal state. Is that right?

States won't be "saved" on a slide unless you move to another slide before closing the course. Here's a creative idea to help you work around that!

bobby garcia

Works like a champ, Alyssa!

Now is there anyway to bring over variables from the course file to the menu that is to be resumed? For example, after launching the course (the button changes to 'selected' state) and the user has to go through 3 slides to change variable (course_complete) from False to True. This third slide would close the course and go back to the Menu for resuming. I'd like that variable (from the course) to change the button that is in the 'selected' state to change to 'complete'.

Basically, if I have this same variable (course_complete) in both files, will the data transfer?

Crystal Horn

Hey Bobby. Variables are unique to the course in which they're adjusted, and they don't communicate to other courses. 

This post discusses a similar need to use external (or web) objects to affect what's happening inside the course. You might be able to connect with some power E-Learning Heroes users out there who can help with this idea!

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