Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.
Panel
borderWidth2px
borderStylesolid
titleSeiteninhalt
Inhalt


Tipp

Tipp: Unsere Empfehlung!

Panel
borderColor#9BAF01
bgColor#9BAF01
borderWidth2px
borderStylesolid

Formulare

Panel
borderColor#015573
borderWidth2px
borderStylesolid

Form-ID: TxtTxt

Beispiel: DijDsaDatensammlung

Hinweis
  • Keine Umlaute!
  • Keine Sonderzeichen!
  • Keine Abstände!
  • UpperCamelCase! 
Panel
borderColor#9BAF01
bgColor#9BAF01
borderWidth2px
borderStylesolid

Container-Elemente

Panel
borderColor#015573
borderWidth2px
borderStylesolid

Container-ElementPräfix Naming-FormatBeispielErklärungVerwendung
SeitenpgepgeAllgemeineAngabenPageSeiten
GruppengrpgrpHaustiereGroupGruppierungen von Formularfeldern
RepetitionenreprepNachkommenRepetitionWiederholbare Gruppierungen von Formularfelder

 

Panel
borderColor#9BAF01
bgColor#9BAF01
borderWidth2px
borderStylesolid

Normale Formularelemente

Panel
borderColor#015573
borderWidth2px
borderStylesolid
Hinweis
  • Keine Umlaute!
  • Keine Sonderzeichen!
  • Keine Abstände!
  • lowerCamelCase! 
ElementPräfixBeispielErklärungVerwendung
FreitextinpinpVornameInputEinfache Freitextfelder
TextareatxatxaBemerkungentxaBemerkungTextareaMehrzeilige Freitextfelder
ZahldigdgtJahrdigMengeDigitZahlen, Beträge
Ja/NeinbooboobAuslandbooBestaetigungBooleanJa/Nein, true/false, als Checkbox oder Radio Buttons
Datum & Datum/ZeitdatdteGeburtsdatumdatGeburtsdatumDateDatum-Eingaben
ZeittimtmeZeitpunkttimZeitpunktTimeZeit-Eingaben
DateiuploaduplupdAnhanguplAnhangUploadEinzel-Upload
Multi-DateiuploadmupmupAnhaengeMulti uploadMehrfach-Upload
Auswahl (Single choice)schschFallSingle choiceEinzelauswahl, als Dropdown oder Radio Buttons
Auswahlliste (Multi choice)mchmchLandMulti choiceMehrfachauswahl, als Tags, Liste oder Checkboxen
AnzeigetexttxttxtTitelDisplay textEinfacher Anzeigetext ohne Benutzereingabe
PasswortpwdpwdPasswortPasswordFür unkenntliche Eingaben (ACHTUNG: Nur clientseitig! Kein echter Schutz!) 
Star RatingstrstrBewertungStar ratingSternen-Bewertung
TabelletbltblOeffnungszeitentblPersonTableTabellen
RastermtxmtxWochentagemtxWochentagMatrixRasterdaten, Matrizen
SkalasklsklBeurteilungSkalaSkala-Auswahl
Workflow AktionenbtnbtnSendenButtonWorkflow-Buttons
CH PostadressechpchpGesuchstellerCH post adressPost Adressverifikation / Autofill-Funktion
Zefix UnternehmenssuchezfxzfxUnternehmenZefixZefixabfrage Firmenverzeichnis
Panel
borderColor#9BAF01
bgColor#9BAF01
borderWidth2px
borderStylesolid

Plug-In

Panel
borderColor#015573
borderWidth2px
borderStylesolid
Hinweis
  • Keine Umlaute!
  • Keine Sonderzeichen!
  • Keine Abstände!
  • lowerCamelCase! 

WIP

Panel
borderColor#9BAF01
bgColor#9BAF01
borderWidth2px
borderStylesolid

Spezielle Elemente

Panel
borderColor#015573
borderWidth2px
borderStylesolid
Hinweis
  • Keine Umlaute!
  • Keine Sonderzeichen!
  • Keine Abstände!
  • lowerCamelCase!
ElementPräfixBeispielErklärung Verwendung
SpacersprsprNameSpacerAbstandhalter, Layout-Optimierungen
...............




Panel
borderColor#9BAF01
bgColor#9BAF01
borderWidth2px
borderStylesolid

Workflows

Panel
borderColor#015573
borderWidth2px
borderStylesolid

wfFORM-ID

Beispiel:

wfDjiDsaMeldungDatensammlung

Hinweis
  • Keine Umlaute!
  • Keine Sonderzeichen!
  • Keine Abstände!
  • lowerCamelCase!