Forum Discussion
Fill in the blank knowledge check
In case this helps anyone in the future, I was able to add a few lines of CSS into the index.html file that hid the Correct/Incorrect wording and icon and also increased the size of the "acceptable answers" (and changed the colour to improve the contrast as well), to make the Fill in the Blank work well as a reflective question.
The big caveat is that doing this will remove the correct/incorrect icon and wording for ALL knowledge checks, not just the Fill in the Blank. For my specific project this thankfully wasn't an issue, as the course didn't have any other knowledge checks in it... but just keep that in mind if you have a mix of knowledge check questions. Unfortunately since the incorrect/correct info is the same code regardless of the knowledge check question type, I wasn't able to easily find a way to have it target only FIB questions.
Below are the two lines you can add between the <style></style> tags in the published index.html file. Note that every time you publish the course you will need to edit this, as it will rewrite that file.
.quiz-card__feedback--active {display:none !important;}
.quiz-fill__options {color:#045D86 !important; font-size:2rem !important;}
You can adjust the color and font-size values as desired.
Just a reminder too that you can change the "Acceptable responses:" text to be anything you want (i.e. "Suggested response:") in the course settings under Labels.
Quick addition to my code above, I had missed the icon at the end of the input field that shows an x or checkmark based on whether correct. To hide it, include this with the other lines of CSS:
.block-knowledge .quiz-card .quiz-fill__icon {display:none !important;}
And if you want to hide the 'Take Again' button:
.block-knowledge__retake-content {display:none !important;}
.block-knowledge__retake-container--active {max-height:0 !important;}
Related Content
- 8 months ago
- 10 months ago
- 8 months ago