Formulare / Formular-Presets
Eclipse X erstellt automatisch die passenden Formulare basierend auf der installierten Demo.
Zusätzlich gibt es die Presets: Forms Demo-Website, die alle verfügbaren Formulare und Stilvarianten anlegt. Diese kann über den Demo-Installer > Presets: Forms angelegt werden.
Eine vollständige Übersicht der Formulare und Stile finden Sie hier.
Formularstile
Inhalte > Formulare > Formulareinstellungen > Experteneinstellungen > CSS-Klasse
Verfügbare CSS-Klassen:
- style1 bis style9
- no-border [Fieldset ohne Rahmen]
Floating Labels
Bei "Floating Labels" wird das Formularlabel verkleinert und nach oben verschoben, um die Benutzerfreundlichkeit zu verbessern.
Inhalte > Formulare > Feld [Typ: Text] > Template-Einstellungen > form_textfield_floatlabel
Date-, Timepicker
Eclipse X stellt einen einfachen Date- und Timepicker bereit. Technische Details zu dem Feldtyp date und time finden Sie hier: https://developer.mozilla.org
Datepicker:
Inhalte > Formulare > Formularfeld [Typ: Text] > Template-Einstellungen > form_textfield_datepicker
Timepicker:
Inhalte > Formulare > Formularfeld [Typ: Text] > Template-Einstellungen > form_textfield_timepicker
Checkbox abhängiges Fieldset
Abhängig von der Checkbox wird ein entsprechendes Fieldset angezeigt. Das Fieldset kann auch Pflichtfelder enthalten.
Der Aufbau:
Checkbox-Menü
Einstellungen:
- Optionen > Wert & Bezeichnung
- Template-Einstellungen > Formularfeld-Template > form_checkbox_selector
Fieldset
Einstellungen:
Die CSS-Klasse muss exakt gleich lauten wie der Wert aus dem Feld Checkbox. In unserem Beispiel hier extended.
Fieldset > Experteneinstellungen > CSS-Klasse
