CTATSubmitButton Examples

A Submit button with no target does nothing.

Click this button:

No Op

<div id="button0" class="CTATSubmitButton">No Op</div>

Submit button with check boxes, it is recomended to set the group name as the target:

yes

oui

Submit Checkboxes

<div id="checkA" class="CTATCheckBox"
     data-ctat-tutor="false"
     name="submitGroup">yes</div>
<div id="checkB" class="CTATCheckBox"
     data-ctat-tutor="false"
     name="submitGroup">oui</div>
<div id="checkC" class="CTATCheckBox"
     data-ctat-tutor="false"
     name="submitGroup">no</div>
<div id="button1" class="CTATSubmitButton"
     data-ctat-target="submitGroup">Submit</div>

Submitting multiple components:

Submit fractions

<div id="pie" class="CTATPieChart"
     data-ctat-tutor="false"></div>
<div id="bar" class="CTATFractionBar"
     data-ctat-tutor="false"></div>
<div id="button2" class="CTATSubmitButton"
     data-ctat-target="pie;bar"></div>

Submitting part of a complex component:

Submit Denominator

<div id="line" class="CTATNumberLine"
     data-ctat-ctrl-denominator="denom;button3"
     data-ctat-minimum="0" data-ctat-maximum="1"
     data-ctat-max-points="0"
     data-ctat-small-tick-step="0"></div>
<div id="denom" class="CTATNumericStepper"
     value="1" min="1" max="10"
     data-ctat-tutor="false"></div>
<div id="button3" class="CTATSubmitButton"
     data-ctat-target="line"></div>