Aufbau
Gruppen, Zeilen und das 12er-Raster.
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.
dein-shop.de/admin
FormulareAbbrechenSpeichern
FormularStrukturElement
Formular Element
AllgemeinOptionenBedingungen
Ein einzeiliges Eingabefeld für kurze Texte. Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden.
Firma
Einzeiliger Text (text)
StrukturGruppeZeile
EingabefelderEinzeiliger Text (text)Mehrzeiliger Text (textarea)Dropdown Menü (select)Ankreuzfeld (checkbox)Datum (date)
Firma
1/2
Pflichtfeld
AbbrechenSpeichern
Struktur 2
Gruppe und Zeile. Eine Gruppe wird in der Storefront zu einem fieldset mit eigener Überschrift, eine Zeile teilt die Breite auf.
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.
dein-shop.de/admin
FormulareAbbrechenSpeichern
FormularStrukturElement
Elemente
#NameTypBreite
Element auf oberster Ebene anlegen
- 01Eine Gruppe liegt ganz oben
Gruppen gibt es nur auf der obersten Ebene. Eine Gruppe in einer Gruppe ist nicht vorgesehen.
- 02Eine Zeile liegt oben oder in einer Gruppe
Eine Zeile in einer Zeile gibt es nicht. Damit bleibt die Tiefe bei drei Ebenen.
- 03Alles 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.
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.
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.
- ganze Breite
- drei Viertel
- zwei Drittel
- die Hälfte
- ein Drittel
- ein Viertel
Tiefer einsteigen
Felder
Alle 23 Feldtypen und was sie können.
Prüfen
Pflichtfelder, Grenzen, Captcha.
Bedingungen
Zwölf Operatoren und die ODER-Regel.