Help with a checklist interaction

Feb 05, 2014


Your help is appreciated.

I need to build a checklist interaction wherein the learner makes their selections, submits, and a screen with the correct answers appears...flexible on how this would look, would b enice to note which ones they got correct/incorrect , and if incorrect, a checkmark next to the correct option...

I imagine I'd create a series of variables and use the checkbox button for this? Please help with the steps you would take to do this most efficiently. Below is an example of the "right" answers.

Thanks in advance!


9 Replies
Michael Hinze

Here one quick mockup with the first three questions. This option uses radio buttons that when clicked, set the value of a variable to either 1 or 0. When the Submit button is clicked, the value of each variable is checked and, based on its value, a Correct/Incorrect indicator is shown. Never mind the poor formatting, I hope this sample gives you some ideas.

Rebecca Fleisch Cordeiro

HI Allisun and Michael,

This is too funny. I've become so accustomed to thinking of "states" as a solution from Michael after learning from all his creative solutions, that when I saw this, I immediately "solved" it with states. Then, when I looked at your solution, Michael, it turned out you'd used variables!

Anyway, for what it's worth, here's a way to do it with states.

Base Layer

  • This is a Pick Many question and like Michael I placed radio buttons in each of the columns for C and I answers.
  • I named the radio buttons for easy identification.
    For example, I answered the Portfolio, Field Notes, and Peer Observation questions, so I named the radio buttons PortI, PortC etc.

Incorrect Layer

Decide what "markers" will be used to denote correct and incorrect. I used a green checkmark for the former and a red X for the latter (I know...pretty standard!).

On the Incorrect layer,

  • Place a green checkmark beside each of the correct radio buttons.
  • Place a red X beside each of the incorrect radio buttons and name them on the timeline
    For example, I named them Red X Port, Red X Field, Red X Peer. This is simply to make it easier to identify these elements when you create triggers.
  • Set the initial states for the Red Xs to hidden.
  • Add a trigger for each of the Red Xs to change its state to normal when the timeline starts IF its associated radio button on the base layer = selected.
    For example: Change the state of Red X Port to normal when the timeline starts on the Incorrect layer on condition  the PortI button on the Base Layer = selected

BTW, I also duplicated the Feedback Master and changed the layout on the duplicated Incorrect layer so the Feedback box is offstage, so it wouldn't interfere with the information on the form. I applied that layout to the Incorrect layer on this quiz. And I added a little Incorrect prompt at the top of the layer.

As with Michael, none of this is formatted perfectly, it's just to give you the idea.

Always more than one way to do something in Storyline!

Michael Hinze

That's a great solution Becky! Your Pick-Many solution is so much simpler than my example, in situations where a checklist should return one (all-correct-or-nothing) score. I had repurposed my sample from a checklist interaction where a learner could get a partial score (e.g. 3 correct out of 10). That's the great thing about Storyline, options, options, options...

El Burgaluva

Hi, Allisun

Attached is a sample. It has checkboxes that only allow either left or right to be selected and it shows the results based on the "selected" state.

It's not a graded quiz slide; it's just a regular old slide with two layers (an "error" layer and a "results" layer).

There is some fiddly stuff in there due to the extra ridiculously large bounding boxes on even the smallest checkmarks.

Oh and I only set up the first three. I put a "screen" over the other dozen or so to disable them in this demo -- but all the objects are there if this is what you're after and want to complete the slide as-is. Also, you'll need to replicate all the triggers. A bit tedious, but it'll give you what you're after, I think. 

Hope that helps,


This discussion is closed. You can start a new discussion or contact Articulate Support.