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]
![Contao Formular Contao Formular](https://cdn.statically.io/img/service.premium-contao-themes.com/assets/images/9/forms_style-e46cbc07.png)
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
![Floating Labels für Contao Floating Labels für Contao](https://cdn.statically.io/img/service.premium-contao-themes.com/assets/images/b/forms_floating_labels-40db3530.png)
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 abhängiges Fieldset - Aufbau Checkbox abhängiges Fieldset - Aufbau](https://cdn.statically.io/img/service.premium-contao-themes.com/assets/images/7/forms_extended_select_aufbau-2a2cda6a.png)
Checkbox-Menü
Einstellungen:
- Optionen > Wert & Bezeichnung
- Template-Einstellungen > Formularfeld-Template > form_checkbox_selector
![Checkbox Einstellungen Checkbox Einstellungen](https://cdn.statically.io/img/service.premium-contao-themes.com/assets/images/d/forms_extended_select_checkbox-60b04d0c.png)
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
![Fieldset-Einstellungen Fieldset-Einstellungen](https://cdn.statically.io/img/service.premium-contao-themes.com/assets/images/2/forms_extended_select_fieldset-404385fa.png)