HTML5 - Click and reveal boxes won't go away.

Apr 16, 2014

I'm fairly new to outputting storyline content to HTML5. I know there are some limitations, but this little glitch just seems odd. On several screens I have a few click and reveal buttons. When the user clicks on a button it will hide the other information boxes and display the correct information. This works the way it should the first time i click on the buttons. But when I click on through them again (not leaving the slide) the button doesn't not hide other boxes and still show the new box. So I end up with several information boxes stacked on top of each other. I've tried this on Chrome, Firefox, IE9, and on my Ipad. All the same results which leads me to believe that it is a html5 output issue not a browser issue.

Any thoughts?

11 Replies
Ashley Terwilliger-Pollard

Hi Jerson,

I assume you've tried this all in the Flash output as well and things behave as expected? Are your buttons on a slide or slide master? Also, what do you have your slides revisiting properties set too? If you'd like us to take a look at it, we're happy to. You can attach it here using the paper clip icon or I can send you directions on how to share with me privately. 

Jerson  Campos

I stripped out any proprietary information so its pretty much a blank slide.

I posted the html and html5 version on my site. On the HTML (flash) everything works as it should. The boxes go away when you click on other boxes (do it a couple of times). On the HTML5 version, they don't go away when you keep clicking around.

Attached is the storyline file.

BTW, I imported this slide into a new file, so I'm sure there wasn't any changes made to the setting of the other file that could have caused this.

Ashley Terwilliger-Pollard

Thanks Jerson for sharing the published links and the .story file here with us. I saw the behavior you're describing now and was able to replicate it on a new file as well. It looks like after the first visit to each of those slides they're remaining visible when visited for the second time, regardless of going to the next layer even though you've set the layer properties up to "reset to initial state" allow the user to click on the elements again. 

I was playing around with it a bit, and was able to find a fairly simple workaround of adding an off stage element that the other layers are hidden by the start of that timeline. I set it very shortly into the slide's timeline (to the first little hash mark before the 1) and then it behaved as expected no matter how many times I clicked on it in the HTML5 output. I published a version here  and I only did the option one layers. Can you check that out and let me know how it works for you? 

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