Formularelemente






<label class="switch">
    <input name="AccessibilityCustomer" type="radio" onchange="" value="true" checked="" disabled="disabled">
    <span class="checkmark disabled"></span>
    <span class="caption">Option disabled</span>
</label>


Buttons

Alle Buttons sind standardmäßig blau. Weitere Farben sind rot (Für Aktionen zum Abbrechen oder Ablehnen) und schwarz (nur in Ausnahmefällen). Zum Setzen muss "red" oder "black" im class Attribut mitgegeben werden. Bei Bedarf kann auch ein Link (<a>) als Button gestylt werden.

Link als Button
<button type="submit" formaction="url">ButtonText</button>
<a class="btn" href="xXX">Link als Button</a>

Buttons mit Icons

Für Buttons mit Icon muss class "ico" und zusätzlich der Name des Icons z.B. "save" angegeben werden.

Link als Button Roter Link als Button
<button type="submit" class="ico save" formaction="url">ButtonText</button>
<button type="submit" class="ico no red" formaction="url">ButtonText</button>

Positionierung von Buttons

Erfolgt am Ende der Seite oder über einer Tabelle (Kontingentplanung). Es dürfen auch 2 Zeilen verwendet werden. 

<div class="control bottom" style="justify-content: space-between;">
  <div>
    Button links
  </div>
  <div>
    Buttons rechts
  </div>
</div>