Studio Design

Configuring a Checkbox

2 min readUpdated

Set up a checkbox's label, starting state, and answer key in a roomy Configure dialog, opened right from the canvas.

A checkbox is a compact true-or-false control — learners check or uncheck a single box to respond to a statement. Its setup — the label, whether it starts checked, and which state counts as correct — lives in a dedicated Configure dialog with room to work, instead of being squeezed into the narrow right sidebar.

Opening the Configure dialog

Select a checkbox on the canvas. A floating ⚙ Configure button appears just above it.

Click ⚙ Configure to open the dialog. Alongside the settings you'll see a live preview of the checkbox, so you can see what it will look like on the canvas while you edit (you can't see the checkbox itself behind the dialog). From top to bottom the dialog has:

  • Scoring — whether the checkbox contributes to the score. The Scoring switch, Points, and Group work the same for every scorable widget.
  • Content — the label, the starting state, and (when scoring is on) the answer key.

Setting up the content

Work in the Content section:

  • Label — the statement learners respond to by checking the box. Write it as a complete statement the learner can agree or disagree with, for example "I have read the instructions" or "This shape is a triangle."
  • Default Checked — whether the box starts checked when the scene loads. Leave it off for most questions; turn it on when the checked state is the expected starting point.

Grading the checkbox

Scoring is on by default, so the dialog opens with the shared on/off, points, and group controls already at the top — and a Correct value answer key in Content:

  • Correct value — choose whether Checked or Unchecked counts as the correct answer.

Two common setups:

  • Default unchecked + Correct value checked — best for statements learners must recognize as true.
  • Default unchecked + Correct value unchecked — best for spotting a false statement learners should leave unchecked. A box the learner never clicks is graded as its starting state, so leaving this one alone earns its points.

Put several of each on one scene, and a Submit button grades them together. Step-by-step: Tick every true sentence with checkboxes.

If you're using the checkbox only for acknowledgement (for example "I'm ready to continue"), turn Scoring off — there's no right or wrong answer to grade.

Saving your changes

Nothing you change in the dialog affects the widget until you save it. The canvas keeps showing the last saved version while you work.

  • Save applies your Content and Scoring changes to the widget.
  • Cancel throws the changes away and leaves the widget as it was. Pressing Esc, clicking the ✕, or clicking outside the dialog does the same thing. If you've made changes, you'll be asked to confirm before they're discarded, so an accidental click can't lose your work.

What stays in the sidebar

Only Content and Scoring move into the Configure dialog. Style & Layout — the background, text, border, and check colors, fonts, font size, border radius, and cursor — still lives in the right sidebar, the same as every other widget. So do the checkbox's behaviors/triggers, visibility, and position. Select the widget and the sidebar shows its Style & Layout settings while the dialog handles the label and scoring.

Learn by doing

Was this article helpful?