HTML 5- Quiz feature

Hello Everyone,

Let me start off by saying I am new to design and Storyline in general. I am currently using Storyline 2, version 11. Until just recently, I was using an outdated version. We had always published in standard HTML until the recent upgrade, now it seems we are being forced to publish in HTML5 (standard HTML is requiring flash now).

My primary concern is this-- now that we are publishing using HTML5, I've got a quiz that is no longer visually appealing :(. The main issue is following the results slide, we are using the review feature and text is missing, piled on top of each other, etc. Has this happened to anybody else with HTML5? I should also mention, we've been using this file for about a year and a half, and just recently made some question modifications (hence re-publishing). Any recommendations would be so helpful!

I attached just one example of a results slide where this is happening. I hope that's helpful. Thanks in advance!  

3 Replies
Crystal Horn

Hi there, Julia!  Welcome to e-learning!  :)

And I can see what you're talking about.  Thanks for the screenshot.

So it sounds like you're being required to include HTML5 when publishing.  When you host your course, do you have it on a web server, or on an LMS perhaps?  How are you viewing that published output?  You'll want to be sure that it is hosted in its intended environment and that you're viewing it in a supported browser for HTML5.  For Storyline 2, those browsers would be:

  • 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

If you'd like to share your .story file, we can have a look at it and see what's going on when viewing the HTML5 output.

Julia Baldwin

Thank you so much, Crystal! Changing my default browser to Chrome worked beautifully (my company primarily uses IE)!

One other thing- by changing it to Chrome (still using HTML5) it appears the 'no default answer' feature was removed (see attached visual). We use this type of quiz question often but want the default response to display 'Select' as opposed to displaying one of the answers. This in turn ensures the user selects an answer for each response. I thought I had missed a setting, but everything appears to be okay. Again, this wasn't happening when I tested it earlier today. Any other recommendations? I can send .story file if needed. Thanks!

Crystal Horn

You're welcome, Julia!  I'm glad we knocked out one issue, and I'm sorry that you spotted another one.  I tested a course of my own to see the "--Select--" issue with the matching drop-down questions, and I can reproduce that behavior in Chrome HTML5 output.  In Chrome with Flash enabled, I showed "--Select--" instead of one of the answer choices; in Safari on my Mac with no Flash, I still had "--Select--".  Once I disabled Flash in Chrome specifically, it defaulted to the first answer choice instead of "--Select--".

I'm really glad you brought this to our attention, as I don't see that it's been otherwise reported to our QA team.  I'm going to give them this information so that they can investigate if there's a fix.  We'll be sure to keep you posted in this discussion with any information we can share on it!