How to hide Green/Red feedback bar at the bottom of quiz while review?

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).

CODE BROKE!

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.

Hi Steven,

I'm using your code but it doesn't seem to work well... I'm attaching a capture of my file. What's wrong here?
Storyline versione 3.33.

Thank you!

what is it doing or not doing?  are you setting assessReview to true before reviewing?

Hi, everyone.

I have exciting news to share!
We just released another update for Storyline 360. In Update 65, we've included important fixes and new features.

One of the features we've included is:

Define theme colors for correct and incorrect quiz elements, such as icons and review banners, to keep your designs consistent.

To take advantage of this feature, launch the Articulate 360 desktop app on your computer and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

Please let us know if you have any questions by posting here or by reaching out to our Support Engineers directly.