Multiple selection inputs displaying the selected inputs as crosses
<label class="o-formControl-label " for="checkbox1Column">
<input class="o-formControl-input" type="checkbox" id="checkbox1Column" name="sortbyColumn" value="checkbox1" {$ASYNCID$1$7029$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 1
</label>
<label class="o-formControl-label " for="checkbox2Column">
<input class="o-formControl-input" type="checkbox" id="checkbox2Column" name="sortbyColumn" value="checkbox2" {$ASYNCID$1$7031$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 2
</label>
<label class="o-formControl-label " for="checkbox3Column">
<input class="o-formControl-input" type="checkbox" id="checkbox3Column" name="sortbyColumn" value="checkbox3" {$ASYNCID$1$7033$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 3
</label>
<label class="o-formControl-label " for="checkbox4Column">
<input class="o-formControl-input" type="checkbox" id="checkbox4Column" name="sortbyColumn" value="checkbox4" {$ASYNCID$1$7035$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 4
</label>
<label class="o-formControl-label " for="checkbox5Column">
<input class="o-formControl-input" type="checkbox" id="checkbox5Column" name="sortbyColumn" value="checkbox5" {$ASYNCID$1$7037$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 5
</label>
<label class="o-formControl-label o-formControl-label--inline" for="checkbox1Inline">
<input class="o-formControl-input" type="checkbox" id="checkbox1Inline" name="sortbyInline" value="checkbox1" {$ASYNCID$1$7039$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 1
</label>
<label class="o-formControl-label o-formControl-label--inline" for="checkbox2Inline">
<input class="o-formControl-input" type="checkbox" id="checkbox2Inline" name="sortbyInline" value="checkbox2" {$ASYNCID$1$7041$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 2
</label>
<label class="o-formControl-label o-formControl-label--inline" for="checkbox3Inline">
<input class="o-formControl-input" type="checkbox" id="checkbox3Inline" name="sortbyInline" value="checkbox3" {$ASYNCID$1$7043$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 3
</label>
<label class="o-formControl-label o-formControl-label--inline" for="checkbox4Inline">
<input class="o-formControl-input" type="checkbox" id="checkbox4Inline" name="sortbyInline" value="checkbox4" {$ASYNCID$1$7045$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 4
</label>
<label class="o-formControl-label o-formControl-label--inline" for="checkbox5Inline">
<input class="o-formControl-input" type="checkbox" id="checkbox5Inline" name="sortbyInline" value="checkbox5" {$ASYNCID$1$7047$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 5
</label>
<label class="o-formControl-label " for="checkbox1ColumnDisabled">
<input class="o-formControl-input" type="checkbox" id="checkbox1ColumnDisabled" name="sortbyColumnDisabled" value="checkbox1" {$ASYNCID$1$7049$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 1
</label>
<label class="o-formControl-label " for="checkbox2ColumnDisabled">
<input class="o-formControl-input" type="checkbox" id="checkbox2ColumnDisabled" name="sortbyColumnDisabled" value="checkbox2" {$ASYNCID$1$7051$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 2
</label>
<label class="o-formControl-label " for="checkbox3ColumnDisabled">
<input class="o-formControl-input" type="checkbox" id="checkbox3ColumnDisabled" name="sortbyColumnDisabled" value="checkbox3" {$ASYNCID$1$7053$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 3
</label>
<label class="o-formControl-label " for="checkbox4ColumnDisabled">
<input class="o-formControl-input" type="checkbox" id="checkbox4ColumnDisabled" name="sortbyColumnDisabled" value="checkbox4" {$ASYNCID$1$7055$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 4
</label>
<label class="o-formControl-label " for="checkbox5ColumnDisabled">
<input class="o-formControl-input" type="checkbox" id="checkbox5ColumnDisabled" name="sortbyColumnDisabled" value="checkbox5" {$ASYNCID$1$7057$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 5
</label>
<label class="o-formControl-label o-formControl-label--inline" for="checkbox1InlineDisabled">
<input class="o-formControl-input" type="checkbox" id="checkbox1InlineDisabled" name="sortbyInlineDisabled" value="checkbox1" {$ASYNCID$1$7059$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 1
</label>
<label class="o-formControl-label o-formControl-label--inline" for="checkbox2InlineDisabled">
<input class="o-formControl-input" type="checkbox" id="checkbox2InlineDisabled" name="sortbyInlineDisabled" value="checkbox2" {$ASYNCID$1$7061$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 2
</label>
<label class="o-formControl-label o-formControl-label--inline" for="checkbox3InlineDisabled">
<input class="o-formControl-input" type="checkbox" id="checkbox3InlineDisabled" name="sortbyInlineDisabled" value="checkbox3" {$ASYNCID$1$7063$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 3
</label>
<label class="o-formControl-label o-formControl-label--inline" for="checkbox4InlineDisabled">
<input class="o-formControl-input" type="checkbox" id="checkbox4InlineDisabled" name="sortbyInlineDisabled" value="checkbox4" {$ASYNCID$1$7065$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 4
</label>
<label class="o-formControl-label o-formControl-label--inline" for="checkbox5InlineDisabled">
<input class="o-formControl-input" type="checkbox" id="checkbox5InlineDisabled" name="sortbyInlineDisabled" value="checkbox5" {$ASYNCID$1$7067$} />
<span class="o-formControl-indicator o-formControl-indicator--checkbox"></span>
Checkbox 5
</label>
Multiple selection inputs displaying the selected inputs as ticks
<label class="o-formControl-label " for="tickbox1Column">
<input class="o-formControl-input" type="checkbox" id="tickbox1Column" name="sortbyColumn" value="tickbox1" {$ASYNCID$1$7069$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 1
</label>
<label class="o-formControl-label " for="tickbox2Column">
<input class="o-formControl-input" type="checkbox" id="tickbox2Column" name="sortbyColumn" value="tickbox2" {$ASYNCID$1$7071$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 2
</label>
<label class="o-formControl-label " for="tickbox3Column">
<input class="o-formControl-input" type="checkbox" id="tickbox3Column" name="sortbyColumn" value="tickbox3" {$ASYNCID$1$7073$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 3
</label>
<label class="o-formControl-label " for="tickbox4Column">
<input class="o-formControl-input" type="checkbox" id="tickbox4Column" name="sortbyColumn" value="tickbox4" {$ASYNCID$1$7075$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 4
</label>
<label class="o-formControl-label " for="tickbox5Column">
<input class="o-formControl-input" type="checkbox" id="tickbox5Column" name="sortbyColumn" value="tickbox5" {$ASYNCID$1$7077$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 5
</label>
<label class="o-formControl-label o-formControl-label--inline" for="tickbox1Inline">
<input class="o-formControl-input" type="checkbox" id="tickbox1Inline" name="sortbyInline" value="tickbox1" {$ASYNCID$1$7079$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 1
</label>
<label class="o-formControl-label o-formControl-label--inline" for="tickbox2Inline">
<input class="o-formControl-input" type="checkbox" id="tickbox2Inline" name="sortbyInline" value="tickbox2" {$ASYNCID$1$7081$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 2
</label>
<label class="o-formControl-label o-formControl-label--inline" for="tickbox3Inline">
<input class="o-formControl-input" type="checkbox" id="tickbox3Inline" name="sortbyInline" value="tickbox3" {$ASYNCID$1$7083$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 3
</label>
<label class="o-formControl-label o-formControl-label--inline" for="tickbox4Inline">
<input class="o-formControl-input" type="checkbox" id="tickbox4Inline" name="sortbyInline" value="tickbox4" {$ASYNCID$1$7085$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 4
</label>
<label class="o-formControl-label o-formControl-label--inline" for="tickbox5Inline">
<input class="o-formControl-input" type="checkbox" id="tickbox5Inline" name="sortbyInline" value="tickbox5" {$ASYNCID$1$7087$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 5
</label>
<label class="o-formControl-label " for="tickbox1ColumnDisabled">
<input class="o-formControl-input" type="checkbox" id="tickbox1ColumnDisabled" name="sortbyColumnDisabled" value="tickbox1" {$ASYNCID$1$7089$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 1
</label>
<label class="o-formControl-label " for="tickbox2ColumnDisabled">
<input class="o-formControl-input" type="checkbox" id="tickbox2ColumnDisabled" name="sortbyColumnDisabled" value="tickbox2" {$ASYNCID$1$7091$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 2
</label>
<label class="o-formControl-label " for="tickbox3ColumnDisabled">
<input class="o-formControl-input" type="checkbox" id="tickbox3ColumnDisabled" name="sortbyColumnDisabled" value="tickbox3" {$ASYNCID$1$7093$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 3
</label>
<label class="o-formControl-label " for="tickbox4ColumnDisabled">
<input class="o-formControl-input" type="checkbox" id="tickbox4ColumnDisabled" name="sortbyColumnDisabled" value="tickbox4" {$ASYNCID$1$7095$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 4
</label>
<label class="o-formControl-label " for="tickbox5ColumnDisabled">
<input class="o-formControl-input" type="checkbox" id="tickbox5ColumnDisabled" name="sortbyColumnDisabled" value="tickbox5" {$ASYNCID$1$7097$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 5
</label>
<label class="o-formControl-label o-formControl-label--inline" for="tickbox1InlineDisabled">
<input class="o-formControl-input" type="checkbox" id="tickbox1InlineDisabled" name="sortbyInlineDisabled" value="tickbox1" {$ASYNCID$1$7099$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 1
</label>
<label class="o-formControl-label o-formControl-label--inline" for="tickbox2InlineDisabled">
<input class="o-formControl-input" type="checkbox" id="tickbox2InlineDisabled" name="sortbyInlineDisabled" value="tickbox2" {$ASYNCID$1$7101$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 2
</label>
<label class="o-formControl-label o-formControl-label--inline" for="tickbox3InlineDisabled">
<input class="o-formControl-input" type="checkbox" id="tickbox3InlineDisabled" name="sortbyInlineDisabled" value="tickbox3" {$ASYNCID$1$7103$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 3
</label>
<label class="o-formControl-label o-formControl-label--inline" for="tickbox4InlineDisabled">
<input class="o-formControl-input" type="checkbox" id="tickbox4InlineDisabled" name="sortbyInlineDisabled" value="tickbox4" {$ASYNCID$1$7105$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 4
</label>
<label class="o-formControl-label o-formControl-label--inline" for="tickbox5InlineDisabled">
<input class="o-formControl-input" type="checkbox" id="tickbox5InlineDisabled" name="sortbyInlineDisabled" value="tickbox5" {$ASYNCID$1$7107$} />
<span class="o-formControl-indicator o-formControl-indicator--tickbox"></span>
Tickbox 5
</label>