Skip to main content

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.