Skip to main content


The Social Multiple Choice Question (MCQ) component is an interactive component that lets you evaluate your learner’s answer against one or more mock answers. The question results are displayed as a results chart.

This article provides an overview of the Social MCQ component, component setup and behavior, and examples of Social MCQ component configurations.

Component overview

The Social MCQ component can be part of an assessment or used as a separate component in your course. The Social MCQ component is very flexible when it comes to configuring the component and is fully responsive.

Component set up

To add this component, follow the steps in this article:

The Property Panel for the newly added component will then open automatically for you to customize set-up.

Or click anywhere on an existing component to open the Property Panel.

General section

In the General section:

Add Title, or a Display Title, as needed. Display Title is seen by learners.

Scroll down to add your Body. Use the text editor to style and format your text, as needed.

  1. Add Instruction Text that tells users how to use the component.
  2. Include an ARIA Label for screen readers, as needed.

Interaction Label section

In the Interaction Label section, you can enable an Interaction Label.

The Interaction Label allows you to add a widget before or after the Social MCQ component. This widget can display an icon and label prior to the Social MCQ component completion, which changes to a different icon and label once the Social MCQ component is completed.

Results Chart section

In the Results Chart section, you can add a Results Label that will appear above the results chart.

Appearance section

In the Appearance section, you can set if the Results Label is displayed as Plain Text and if it's displayed as Full Width. The Results Label can't be displayed as Full Width if it's displayed as Plain Text.

Add Answers

In the Answers section, you Add Answers to your Social MCQ component.

For each Answer:

  1. Enter Answer Text.
  2. Enter Option Text that will display before the item and on the results chart.
  3. Select an Option Background & Chart Color, as needed.
  4. Select an Option Text Color, as needed.
  5. Add a Mock Result number. When the learner selects an answer, a value of 1 is added to the Mock Result value of said answer. The Mock Result value is 0 by default.

Add, duplicate, or delete items as needed.

Component Examples

Below are examples of the Social MCQ component:

Example 1 – displays Social MCQ Question with three alternative Answer Items and one selectable answer.

Example 2 – displays results chart, placed below the Social MCQ component.

Did this article help?

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