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
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.
I did originally output this in flash, but now the client wants it in HTML5. The buttons are on a slide, not a slide master.
I'll check the settings and re-publish.
Hi Jerson,
I was referring more to the fact that you'd tested the flash output (story.html link) and didn't see the same behavior there? If it behaves correctly in the Flash version but not in the HTML5 output, we'll be happy to take a look.
Yes, everything behaves correctly in the flash output, but not the html5 version. I changed the settings as you suggested, and it still the same problem.
I'll have to strip out some of the info. Let me know where I can send it.
Hi Jerson,
Sure thing - I'll send you directions on how to share with me privately.
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.
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?
It is working as expected. I'll have to do more tests. Can you upload the file so I can see what you did? The problem I see though is that I will have to add this workaround on every slide that have a similar function. Is this the first time that has been noticed?
Hi Jerson,
Of course, sorry I didn't include it originally. It's attached here for you to download.
Also, I haven't seen it before - but it seems to do with reshowing the layer since it only occurs on the second visit to each layer.
Thanks Ashley,
Now that it see what you have done, it seems that the HTML5 version is not executing the layer triggers after it's completed it once. I'll have to test out any other slide that have layer triggers that could cause other problems in the course.
Hi Jerson,
It seems to not recognize the triggers that are set to when the timeline starts for a second time, but it did work with the modification I made to hide the layer when the objects timeline starts a quarter of a second after the start of the layer's timeline.
This discussion is closed. You can start a new discussion or contact Articulate Support.