Drop-Down Lists with Checklists - Radio Button Behavior

When exhibiting their natural behavior, Drop-Down Lists with Checklists allow users to make first a choice using a drop-down list and then check a number of checkboxes. The Radio Button behavior, on the other hand, requires only one of several radio buttons to be selected following the initial drop-down list choice.

Two examples will make clearer the difference between the two behavior types.


In the first example, the natural behavior of Drop-Down List with Checklists is shown.

The user should first choose one of two items, A or B:

When the user chooses A, a checklist made up of checkboxes A1, A2 and A3 is displayed:

The user may select:

  • A1, A2 and A3
  • A1 and A2
  • A1 and A3
  • A2 and A3
  • No checkbox

When the user selects B, a checklist made up of checkboxes B1 and B2 is displayed:

The user may select:

  • B1 and B2
  • B1
  • B2
  • No checkbox

In the second example, the same Drop-Down List with Checklists assumes a Radio Button behavior.

As before, the user should first choose one of two items, A or B:

When the user chooses A, three radio buttons, A1, A2 and A3, are displayed:

The user may select:

  • A1
  • A2
  • A3

No radio button (technically a valid choice, but not a recommended one)

When the user chooses B, two radio buttons, B1 and B2, are displayed:

The user may select:

  • B1
  • B2
  • No radio button (technically a valid choice, but not a recommended one)

Selecting the Radio Button Behavior

NOTE: From this point on, the document assumes that you are familiar with templates' building.

The Radio Button behavior applies only to Drop-Down Lists with Checklists elements. It is not available for checklists attached to elements.

From a purely technical point of view, you must know is that the Radio Button behavior is available as well when you add a drop-down list with checklists to a template:

The Drop-Down List with Checklists is built, technically speaking, exactly in the same way as before. However, when defining the checklists for this element you must be aware that they are very different from the traditional checklists. Rather than offering the possibility of choosing an arbitrary subset of checkboxes, they have to be designed with a “choose only one item” frame of mind. They are more like drop-downs in disguise. In general, you will not be able to recycle existing checklists by selecting a Radio Button behavior. You will rather need to create checklists especially for this behavior. It is therefore recommended to design checklists for which exactly one checkbox is relevant within their domain of applicability. If necessary, include in the checklists checkboxes named Other (Specify), since leaving all radio buttons unselected during a walk-through is best avoided (though technically feasible).

A Worked-Out Example

It is recommended to design the Drop-Down List with Checklists prior to using the template engine. Please remember that while technically the process is the same as before, the semantics of the element are different.

Checklists

Use the Manage Checklists tool to build the Feedback Characterization and Failure to Gather Student Feedback checklists:

Drop-Down with Checklists Element

Use the Manage Elements tool to build a Drop-Down List with Checklists element named Did the teacher gather student feedback?

Two drop-down list items are defined: Yes and No. The two previously defined checklists are assigned, respectively, to these two items.


Template

In this example, the template will include just the Drop-Down with Checklists element we have created.

No checklist can be assigned to a Drop-Down with Checklists element. Indeed, Assign Checklist <None> is grayed out. It is the Checklist Behavior of the element’s built-in checklists that can be selected. The behavior which is of interest to us is Radio Button:

Be sure not to disallow the element note if your checklists include checkboxes of the Other (Specify) type.

Walkthroughs

The user first answers the question, Did the teacher gather student feedback?

When Yes is selected, three choices are displayed:

If the user selects initially No, he/she is presented with two choices: