Order Interaction with Vertical Sentence Ordering

Sometimes, you want to display your ordering draggables with special "textual" font treatments. This scenario occurs with sentence ordering interactions. To help with this, we have two special presentation options for orderInteraction's:

text-align-left - smaller text, left-aligned
text-align-center - smaller text, center-aligned

Use of the "text-align" subclassess on ordering interactions can make a big difference in the fidelity and usability of your ordering interactions.

For example, the interaction below is presented using the following descriptor:
<orderInteraction class="dnd-vertical text-align-left" responseIdentifier="RESPONSE" >

Also, you can use the "up" classes (one-up, two-up, three-up, four-up) to fine-tune the width and height of the ordering draggables.

Get Responses:[ Click Get Responses ]
<?xml version="1.0" encoding="utf-8"?>
<assessmentItem xmlns="http://www.imsglobal.org/xsd/imsqti_v2p1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.imsglobal.org/xsd/imsqti_v2p1 http://www.imsglobal.org/xsd/imsqti_v2p1.xsd"
identifier="Order-vertical-sentences" title="Order - vertical sentences one-up" adaptive="false" timeDependent="false">
  <responseDeclaration identifier="RESPONSE" cardinality="ordered" baseType="identifier">
    <correctResponse>
      <value>Sentence2</value>
      <value>Sentence3</value>
      <value>Sentence1</value>
    </correctResponse>
  </responseDeclaration>
  <outcomeDeclaration identifier="SCORE" cardinality="single" baseType="float" />
  <itemBody>
    <orderInteraction class="dnd-vertical text-align-left" responseIdentifier="RESPONSE">
      <prompt>
        <strong>Which of the following sequences of sentences makes
        the preceding paragraph most logical? Drag the sentences
        into their most logical sequence.</strong>
      </prompt>
      <simpleChoice identifier="Sentence1">The day after the subway
      opened, one newspaper reported that the riders were emerging
      from underground "having finished what will be to them the
      daily routine of the rest of of their lives."</simpleChoice>
      <simpleChoice identifier="Sentence2">Brightly lit stations
      welcomed the public, many of them were skeptical of traveling
      underground.</simpleChoice>
      <simpleChoice identifier="Sentence3">It didn't take a long
      for New Yorkers to adapt, however.</simpleChoice>
    </orderInteraction>
  </itemBody>
  <responseProcessing template="http://www.imsglobal.org/question/qti_v2p1/rptemplates/match_correct" />
</assessmentItem>
Which of the following sequences of sentences makes the preceding paragraph most logical? Drag the sentences into their most logical sequence.
  • The day after the subway opened, one newspaper reported that the riders were emerging from underground "having finished what will be to them the daily routine of the rest of of their lives."
  • Brightly lit stations welcomed the public, many of them were skeptical of traveling underground.
  • It didn't take a long for New Yorkers to adapt, however.