25 Replies
Lee Webber

Hi, I have been asked by a client to change the colours of the red and green bars that appear when reviewing a quiz - I have gone to the feedback master but I cannot find anywhere to edit the colours of these bars - is this possible in Storyline 360 or are these bars mandatory. It seems strange that you can edit almost everything else to comply with a project colour scheme except these - or am I missing something?


Leslie McKerchie

Hi anh,

The image that Lee shared above looks to be the built-in features of Storyline when using a graded quiz.

I'm not sure if he's still subscribed here, but you are welcome to reach out to the user directly via the 'Contact Me' option on the user profile if you do not hear back soon.

If you're running into difficulty with something, just let us know, and we'd be happy to help you out.

Steven Walsh

Yes this is something I can share.  To start with, Articulate is currently in process of updating their Storyline player to make it more accessible.  It is my understanding that Articulate will stop including jQuery in their new player.  So if you use the jQuery code I previously shared, once Articulate moves to their new SL player, you will need to include jQuery, or change the code.

So a better option is to use only JavaScript.  The following code is what I came up with after a little research.  This assumes that the aria-label for the Correct and Incorrect ribbons will stay the same.

document.querySelectorAll('[aria-label="Correct"]')[0].style.display = "none";
document.querySelectorAll('[aria-label="Incorrect"]')[0].style.display = "none";

This code needs to be placed in an Execute JavaScript Trigger on each question page in the assessment, set to When timeline starts.

The assessment I built includes a variable called assessReview which is initially set to False.  I only run the JavaScript when assessReview == True.  Selecting the Review button, first sets assessReview = True, then calls the Trigger to review the results.

I tested this in IE Version: 11.1069.17134.0 and Chrome Version 78.0.3904.97 (Official Build) (64-bit).


Steven Walsh


Unfortunately with the latest update of Storyline 360, January 2020, Articulate has decided to change where they put alt text from “aria-label” to “data-acc-text”. So with the latest update, we can no longer find an object on stage using “aria-label”, “data-acc-text” has to be used for this way of selecting.

The code to hide the Correct and Incorrect ribbons as of today is:
document.querySelectorAll('[data-acc-text="Correct"]')[0].style.display = "none";
document.querySelectorAll('[data-acc-text="Incorrect"]')[0].style.display = "none";

Anything published with a previous version of Storyline 360, December 2019 and before, works with “aria-label”. Anything published with a later version needs the new code until Articulate again decides to change where they place the alt text.

Of course, it would be best if Articulate gave us a check box to turn off the ribbon.