Struktur 2
Gruppe und Zeile. Eine Gruppe wird in der Storefront zu einem fieldset mit eigener Überschrift, eine Zeile teilt die Breite auf.
Gruppen, Zeilen und das 12er-Raster
Struktur ist hier kein Häkchen am Feld, sondern ein eigenes Element. Das hat Folgen dafür, wo etwas liegen darf und wie breit es wird.
Drei Arten, 33 Typen
Nur die dritte Art nimmt überhaupt etwas entgegen.
Inhalt 8
Überschrift, Vertikale Linie, Zeilenumbruch, Freitext und vier Meldungsarten. Sie geben aus, sie fragen nicht.
Eingabe 23
Die Feldtypen. Nur sie werden geprüft und gespeichert, und nur sie tauchen in der Einsendung auf.
Drei Regeln für die Verschachtelung
Der Editor hält sie ein, und der Server prüft sie beim Speichern noch einmal nach.
- 01 Eine Gruppe liegt ganz oben Gruppen gibt es nur auf der obersten Ebene. Eine Gruppe in einer Gruppe ist nicht vorgesehen.
- 02 Eine Zeile liegt oben oder in einer Gruppe Eine Zeile in einer Zeile gibt es nicht. Damit bleibt die Tiefe bei drei Ebenen.
- 03 Alles andere darf überall hin Eingaben und Inhalte liegen oben, in einer Gruppe oder in einer Zeile.
Die Prüfung liegt nicht nur im Editor. Beim Speichern räumt der Server die Elternbeziehungen nach denselben Regeln auf. Ein von Hand oder über die API gesetzter Baum kann also nicht in einen Zustand geraten, den die Ausgabe nicht rendern kann.
Sechs Breiten, und sie gelten nur in einer Zeile
Die Breite ist eine Angabe am Element, keine eigene Spalte.
| Wert | Bedeutung | Anzeige |
|---|---|---|
| 12 | ganze Breite | 1/1 |
| 9 | drei Viertel | 3/4 |
| 8 | zwei Drittel | 2/3 |
| 6 | die Hälfte | 1/2 |
| 4 | ein Drittel | 1/3 |
| 3 | ein Viertel | 1/4 |
Zwölf ist die volle Breite, und jede andere Zahl ist ihr Anteil daran. Drei Felder mit je 4 stehen nebeneinander, zwei mit je 6 ebenso.
Steht ein Element nicht in einer Zeile, gilt immer die volle Breite. Bei Gruppen und Zeilen selbst gilt sie ebenfalls immer - deshalb steht in der Gliederung dort ein Strich statt eines Bruchs.
Auf schmalen Schirmen bricht die Storefront die Zeile um. Aus drei Dritteln werden dann drei volle Breiten untereinander.
1 2 3 4 5 6 7 8 9 10 11 12
Geplante Menge 4
Dringlichkeit 4
Wunschdatum 4
Anrede 3
Vorname 3
E-Mail-Adresse 6
Oben die Projekt-Zeile aus dem Demoformular, dreimal 4. Unten eine gemischte Zeile: 3, 3 und 6 ergeben zusammen wieder 12.
Tiefer einsteigen
Aufbau
Gruppen, Zeilen und das 12er-Raster.
Felder
Alle 23 Feldtypen und was sie können.
Prüfen
Pflichtfelder, Grenzen, Captcha.
Bedingungen
Zwölf Operatoren und die ODER-Regel.