Beispielformulare
Es gibt verschiedene Stiloptionen für die Formulare zur Auswahl. Nach der Installation von Eclipse X finden Sie Beispielformulare für jeden verfügbaren Stil hier:
Inhalte > Formulare
Formularstile
Eine Übersicht der Stile finden Sie in der Default-Demo auf der Seite Forms.
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
