Associate interaction

3.2.12 Associate Interaction — a block interaction that presents candidates with a number of choices and lets them create associations between them.

Also see the attributes shared by every interaction on the overview page, and min-associations/max-associations/disable-animations/auto-size-dropzones from the same drag/drop mixin used by Order and Match.

Example

Hidden in this list of characters from famous Shakespeare plays are three pairs of rivals. Match each character to his adversary.

Antonio

Capulet

Demetrius

Lysander

Montague

Prospero

<qti-associate-interaction response-identifier="RESPONSE">
  <qti-prompt>
    Hidden in this list of characters from famous Shakespeare plays are three pairs of rivals. Match each
    character to his adversary.
  </qti-prompt>
  <qti-simple-associable-choice identifier="A">Antonio</qti-simple-associable-choice>
  <qti-simple-associable-choice identifier="C">Capulet</qti-simple-associable-choice>
  <qti-simple-associable-choice identifier="D">Demetrius</qti-simple-associable-choice>
  <qti-simple-associable-choice identifier="L">Lysander</qti-simple-associable-choice>
  <qti-simple-associable-choice identifier="M">Montague</qti-simple-associable-choice>
  <qti-simple-associable-choice identifier="P">Prospero</qti-simple-associable-choice>
</qti-associate-interaction>

Unlike Match, all choices here come from a single flat set — the candidate pairs them up directly, rather than pairing across two qti-simple-match-set groups.

`qti-simple-associable-choice`

See the attribute table on the Match page — it’s the same element.