You can't remove this object. However, in your quiz master, you can cover it up. Draw a shape at the bottom of the slide on the slide master the same color as your background and it will cover the review feedback object.
How do I get to the quiz master that shows me the red/green feedback bar so that I can cover it up? (btw I really hate it--why was it added?) My feedback layers show that a box with correct/incorrect and the feedback text; it doesn't show the red/green feedback bar.
You can't remove those red/green bars on the review - but you can look at customizing the review layer so that it's a bit more hidden. The review layer isn't visible by default so you'll want to look at the steps described in this older discussion to modify it.
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?
Thanks Wendy for your reply. Yes I have additional feedback using the review layer set up but the clients wants the coloured bars changed to their corporate red and green! I suspected this was not possible as I cannot see anywhere to edit these bars.
Hard to say how you have it setup without seeing your file. Here are two slides with customised review feedback as an example. I used variables and triggers (and hideous colours) to display it.
Thanks Wendy, in light of not being able to edit the bars themselves, I took your advice and covered them with a review mode bar, which works for my client too!
Hi Lee, I have a question about your design here. Are the x's, checkmark, and review mode bar in a layer together? Is this layer a custom one you created or the default incorrect/correct ones that are present when creating a graded quiz?
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.
I've dug out this project from my 2017 archive! and the X', checkmarks and review mode bar are all on one layer which I called 'Review'. This is an additional layer to the Incorrect/Correct ones.
Its great that you have managed to do this with JQuery, but culd you please explain how and where you add your JQuery code? Perhaps with a creenshot too.
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.
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).
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.
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.
25 Replies
Hi Parashuram,
You can't remove this object. However, in your quiz master, you can cover it up. Draw a shape at the bottom of the slide on the slide master the same color as your background and it will cover the review feedback object.
How do I get to the quiz master that shows me the red/green feedback bar so that I can cover it up? (btw I really hate it--why was it added?) My feedback layers show that a box with correct/incorrect and the feedback text; it doesn't show the red/green feedback bar.
Feedback bar only appears in review of a quiz. As per Steve's advice above go to the slide master for the quiz layout you are using.
View > Slide Master > choose the layout
Hi Jeanne,
You can't remove those red/green bars on the review - but you can look at customizing the review layer so that it's a bit more hidden. The review layer isn't visible by default so you'll want to look at the steps described in this older discussion to modify it.
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?
Hi Ker
you can't change the banner colours but this blog might help you with customising
http://blogs.articulate.com/word-of-mouth/3-easy-steps-to-customizing-review-feedback-in-articulate-storyline/
Thanks Wendy for your reply. Yes I have additional feedback using the review layer set up but the clients wants the coloured bars changed to their corporate red and green! I suspected this was not possible as I cannot see anywhere to edit these bars.
Hi Lee
you could add the banners in your corporate colours to the customised review layer so that your review layer displays and not the default one
Hi Wendy
This doesn't work either - I have tried this but the bars which display are above my review content.see attachment.
Hi Lee
Hard to say how you have it setup without seeing your file. Here are two slides with customised review feedback as an example. I used variables and triggers (and hideous colours) to display it.
Thanks Wendy, in light of not being able to edit the bars themselves, I took your advice and covered them with a review mode bar, which works for my client too!
Many thanks!
Excellent Lee - glad you got it sorted and all the best with your project!
Hi Lee, I have a question about your design here. Are the x's, checkmark, and review mode bar in a layer together? Is this layer a custom one you created or the default incorrect/correct ones that are present when creating a graded quiz?
Thanks in advance
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.
Hi Anh
I've dug out this project from my 2017 archive! and the X', checkmarks and review mode bar are all on one layer which I called 'Review'. This is an additional layer to the Incorrect/Correct ones.
I hope this helps!
You can use jQuery to hide the red/green feedback bar at the bottom of the assessment. Using this you still get the correct answers marked by SL.
$('[aria-label="Correct"]').hide();
$('[aria-label="Incorrect"]').hide();
Hi Steve,
Its great that you have managed to do this with JQuery, but culd you please explain how and where you add your JQuery code? Perhaps with a creenshot too.
Thanks
I second Lewis' question: do we just drop that somewhere in JavaScript somewhere in one of the slides?
+1 to knowing where/how to do this Steve - great if you can share
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).
Perfect Steven - thanks so much for sharing :-)
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.