Graphic Multiple Choice Question Component
Outline
The Graphic Multiple Choice Question component is an interactive component that lets you test your learner’s knowledge by setting multiple answers with added images to a single question.
🎬 See it in Action
{CLAIRE - replace this text box with image box and Add gif file here}
The Graphic Multiple Choice Question component can be part of an assessment or used as a separate component in your course. The Graphic Multiple Choice Question component is very flexible when it comes to configuring the component. There is a possibility to randomize the answers, various alternatives for displaying feedback, allowing more than one correct answer, etc.
⚡️ Fast Facts
See the table for Component capabilities. Use the links to learn more.
Is it...? | Yes/No | Can it use...? | Yes/No | |
---|---|---|---|---|
Responsive | ☑️ | Images/GIFs | ☑️ | |
Accessible | ☑️ | Video | ❌ | |
Able to use Variables | ☑️ | Video Stream | ❌ | |
Made with items | ☑️ | Audio | ❌ |
🔧 Customization Options
You can opt to:
- Set custom text as feedback.
- Set custom imagery as feedback.
- Link each question to a specific part of the course.
🎨 How to Theme
As this Component is built using Items - you will need to theme using the Component Items settings in the Course's Theme.
If you are using an Article Styles on an Article containing this component, these settings will need changing within the style as well as/rather than in the general settings. Please check out Theming Tips and Tricks for more on this.
[ADD IMAGE HERE]
[UPDATE THEME SECTION]
Check Icon | |
---|---|
Color | Component Item > Icon Appearance |
Size | Cannot currently be changed - set to 23px |
Bar Title | |
---|---|
Color | Component Item > Text Appearance > Component Item Text Colors |
Size | Component Item > Text Appearance > Component Item Text Styles |
Item Bar | |
---|---|
Color (including Standard, Hover, Selected and Visited) | Component Item > Appearance |
Border style, Border Radius and Box Shadow | Component Item > Appearance |
Item Text | |
---|---|
Color and Size (note there is no Title used in the main body) | Component Item > Content Styles > Component Item Content Body Text Styles |
Item Media | |
---|---|
Position (Top, bottom, left, right) | Chosen within the Component settings |
Item background | |
---|---|
Color | Component Item > Content Styles > Component Item Content Body Text Styles (Background Color) |
Item padding/Margins | |
---|---|
Size | Component Item > Layout |
🪄 Tips and Tricks
Set Selectable Items to 1 to be able to set individual item feedbacks and auto submit the question.

Did this article help?
Let us know by leaving a star rating or review at the top of this article.