Fix for: Unable to hide "prev" and "next" button on quiz review (HTML5)

OK, so I have researched this [hiding prev and next button when returning to quiz review, because you may have your own nicely designed buttons, or they might overlap your content] back when Storyline used to be at version 1, and now at version 2, and everywhere you look, it says to suggest it as a feature, because at this time, it is not possible to hide them in any way. Well, I disagree. Or at least when it comes to the HTML5 output. I believe I have found a way!

Because I am by trade a web developer, I like to look under the hood, and guess what? Storyline creates among many others a file called story_html5 Now, if you open this file in Notepad++, Coda or Sublime Text, you'll see at one point (around line 52) the following code:

<div id="control-next" class="controlbar-button right"><div class="label next">NEXT</div><a class="icon next-slide"></a></div>
<div id="control-previous" class="controlbar-button right"><a class="icon previous-slide"></a><div class="label prev">PREV</div></div>

While, to many of you this may look like Chinese, to a developer this looks like a Jackpot! What you do is comment out these lines as such

<!-- <div id="control-next" class="controlbar-button right"><div class="label next">NEXT</div><a class="icon next-slide"></a></div>
<div id="control-previous" class="controlbar-button right"><a class="icon previous-slide"></a><div class="label prev">PREV</div></div> -->

and save all the files as a zip, upload to the LMS like you always do, and voila! Your quiz review is not going to have the ugly and obtrusive "prev" and "next" buttons showing up. 

Note: this fix will not have any effect on the Flash output of the course, but to be honest, you should not worry too much about Flash, because it is on its way out, and only Chrome (desktop) comes with Flash preinstalled. All the other browsers care about is HTML5 and because it's the cool new thing, so do most clients these days.

I hope this was helpful and not redundant (though I doubt it, I searched for hours to see if there is any news or workarounds posted already about this, and none came up).

8 Replies
Joanna Kurpiewska

I've tried the workaround with changing part of the code in story_html5.html (content published with SL2). Unfortunately it works partially when viewing on iPad:

- reviewing question slides when content is viewed as a website - no prev/next buttons appear

- reviewing question slides when content is viewed on our LMS - both buttons appear

We'd like to design a course in SL2, but if the problem isn't solved we'd have to build it from scratch in HTML5, which will be much more time consuming.

Do you guys have any more ideas how to fix it?

Ashley Terwilliger

Hi Joanna,

I can't support the modifications to the code - but they should be appearing as part of the quiz review as detailed here, although there was an issue fixed in Update 2 of Storyline 2 (we're now on update 6) where they were not appearing. 

If you have a .story file that isn't behaving as expected we'd be happy to take a look.