Quiz review - Remove "Correct/Incorrect" bar from quiz review slides

Aug 17, 2021

Is there a way to remove the red (for incorrect) and green (for correct) bar from quiz review slides?

19 Replies
Maria Costa-Stienstra
Hi, Ed.

Thank you for reaching out!

While you cannot edit the correct \Incorrect banners that appear when you review the quiz in Storyline 360, what you can do is cover them with a shape of the same color as your background:

  • Create a layer on your first question slide called Review.
  • By default, that layer will automatically show up during the Quiz Review.
  • On that layer, create a rectangular shape that covers the bottom of the slide. Choose no outline and a fill color that is the same as your background. If it helps, use the eyedropper tool.

Screen Recording 2021-04-21 at 10.24.47 AM

  • Copy that layer and paste it on all your other question slides.

Let me know if this helps!

 
Kathy Biallas

Thanks, Maria. I utilized this suggestion, which worked partially. When progressing to the next quiz slide during review, Storyline displayed a "flash" of the correct/incorrect banner, despite my moving the shape to the top of my timeline so it was in front of every other object on the slide. I first utilized the shape on the individual slide, but I eventually transitioned it to the Feedback Master for the "Review" slide template.

Thomas Mennen

Hey all,
Since there still isn't a way to get rid of the banner, I share my workaround.

In the feedback layer I added a Javascript trigger which hides the bar with CSS:

document.head.innerHTML += "<style>
div[data-acc-text='Correct'],
div[data-acc-text='Incorrect']{
display: none;}
</style>";


Hope this is of any use,
and feel free to comment on my code. :)

Jose Tansengco

Hi Andrew,

You can add a custom 'Review' layer for your Storyline 360 questions by going to form view and adding some text to the Post-quiz review field at the bottom. This will automatically create a 'Review' layer which will be displayed whenever your quizzes are reviewed. You can read more about this feature here: 

And if there isn't an available feature for your requirement, if you give us a little more detail on what you’re trying to accomplish, I’m sure one of our talented community members will have suggestions for you!

Jose Tansengco

Hello Andrew,

You don't need two review layers to display different feedback depending on how correctly your learners answered your course. You just need to use a combination of variables and states to achieve this effect. Here's how: 

  • Track if a learner answered a question correctly using a true/false variable
  • Add triggers to your review layer so that it will display specific feedback depending on the value of the true/false variable

I've attached a short demo file so you can see how this can be implemented in an actual project. 

Let me know if you have any questions regarding the design!

Jose Tansengco

Hi Anne, 

Happy to help!

The 'correct' and 'incorrect' banners should be visible in review mode for as long as you use graded question slides which have correct and incorrect answers.

Would you be willing to share a copy of your project file here or in private by opening a support case so we can take a closer look at how you setup your question slides? We'll delete it when we're done testing!

Anne De Felice

Hi Joe,

Thanks so much for your offer of assistance. However, I have found the answer thanks to one of the Articulate Support Engineers (Thanks Lejan!) 

The support engineer looked at my file and realized it was because my custom theme on those slides was displaying the banners as white. I changed the theme on those slides to one of the standard themes, and now the bar appears.

Best,

Anne

Thomas Mennen

Hoi Lin,

I've added it to the feedback master. With a trigger "When timeline starts on this slide" and in my case the trigger "If Scene.SlideNumber = value 1", to make sure it triggers only once and then the code stays in the header. But you might need to tweak that condition according to the setup of your course.

Also the 'Correct' and 'Incorrect' strings should exactly (case sensitive) match the text the html file of your quiz.
In my case it's actually 'Juist' and 'Onjuist' since I publish it in dutch.

Hope this helps.

Kyle Smith

I really hope an option to remove this will be coming soon.  As mentioned above, I can add my own that is consistent with my theme.  Unfortunately, covering it up is only a (semi) viable option if you want something on that spot.  If it's covering the thing you want to show, there doesn't seem to be a way to customize it out of the way.