html5 discrepancy

Aug 10, 2016

I'm working on a project which behaves differently when I use strictly the html5 file (change the name of the file "story_html5.html" to "index.html"). When lightbox slides are opened from a slide layer other than the initial one "Next" and "Previous" buttons are added at the lower right of the page (after the lightbox closes) which I do not want. Please tell me there is a way to correct this behavior. I have 3 lightbox links in the navigation  on the upper right hand corner of the slides and map link that opens in a lightbox on the feedback layers from the first slide you visit on the sample I'm attaching.

4 Replies
Ali Goulet

Hi Nancy,

Thanks for reaching out here! You'll want to make sure you keep the file/folder structure that is created and upload all the contents of the published output folder to the intended environment. We don't support making any edits to the published output, such as changing the file names, but perhaps members of our community may be able to chime in and provide some personal insight. 

Nancy Oliver

Hi Ali,

Thank you for responding. I've read in other discussions where renaming the story_html5.html to index was recommended and because it was a "hero" I assumed it was supported.

Steve Flowers makes comment in the article to this technique. I'm very concerned that people who will be seeing my site using html5 will be able to access pages they aren't suppose to by using the forward and backward buttons that shouldn't be there.

Also, could you recommend a technique to access html5 output files for testing?

Thank you for your assistance in this matter.

Ali Goulet

Hi Nancy,

Sorry if there was confusion at all. In that thread you'll see that although some of our community members and Heroes have been successful with that method, my coworker Ashley has also mentioned that it's not a supported route. You may want to reach out to Steve directly for more insight though, which you can do by using the Contact Me button on his profile. 

When learners launch your published Articulate Storyline course, they'll automatically see the best version for their device and browser. If you'd prefer to bypass the Flash and Articulate Mobile Player output altogether and only launch the HTML5 version of your course, see this article for instructions.

Also for reference: HTML5 output is supported in the following browsers: 
Windows: Google Chrome (latest version) 
Mac: Safari 7 and later, Google Chrome (latest version) 
Mobile: Safari in Apple iOS 7 and later, Google Chrome (latest version) in Android OS 4.1 and later 

Here’s how Storyline determines which version of your content to display when learners view it.

If you're publishing for the web specifically, you'll want to make sure to test it in a web environment. Check out the web section of this article on publishing and sharing your course for ways of testing it. The first one listed, tempshare, is a great one as it creates a temporary internet link to your course available for 10 days. 

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