Fix for: Unable to hide "prev" and "next" button on quiz review (HTML5)
Nov 07, 2014
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
simple fix is to switch the submit trigger for a next slide trigger then on review they will not show (does mean if you want feedback you need triggers to show)
Next slide trigger does not submit data to the LMS in HTML5 mode.
the data gets submitted when you hit the results slide
Nope, it doesn't. Not in HTML5 mode.
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?
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.
Hi Attila,
Just wanted to let you know that this worked for my project - I have a trigger "Submit results" on the last page of my course, and on HTML5 when the user goes back to any of the freeform quizzes, your fix stops the Next/Previous buttons from appearing.
Thanks!
Glad you found this helpful. I've stopped using Storyline altogether for many other reasons, but it's great to see that my old findings are still useful to some. :)
This discussion is closed. You can start a new discussion or contact Articulate Support.