Anwendungen
Contao bringt einige zusätzliche Module für komplexere Interaktionen mit, etwa Formulargenerator, Suche, Kommentare oder Auflistungen. Sehen Sie sich einfach die Beispiele unten an.
Formulargenerator
Formulare sind ein sehr wichtiges Werkzeug, um Rückmeldungen von den Besuchern Ihrer Website zu erhalten. Mit dem Formulargenerator bietet Contao eine einfache Möglichkeit, individuelle Formulare zu erstellen und zu bearbeiten. Alle aus HTML bekannten Formularfelder stehen zur Verfügung, und für jedes Feld gibt es verschiedene Optionen. Sie können Felder als Pflichtfelder markieren, erlaubte Eingabewerte festlegen, die beim Absenden geprüft werden, und einzelnen Formularfeldern CSS-Klassen zuweisen.
Der Formulargenerator erlaubt außerdem, "Formulardaten per E-Mail zu versenden" oder "Daten zu speichern". Als Übertragungsmethode wählen Sie zwischen POST und GET. Sie werden sehen, dass das Modul schon ab Werk viel Freude macht.
Beispiel-Kontaktformular
Suchmaschine
Dieses Modul erzeugt eine Suchfunktion. Die Suche listet alle Seiten auf, die das Stichwort enthalten. Mit diesem Modul lässt sich eine ganze Contao-Website durchsuchen, was die Benutzerfreundlichkeit deutlich verbessert.
Folgen Sie einfach diesem Link, um sie auf dieser Demo-Website in Aktion zu sehen: Zur Suche
Kommentare
Etwas Text über die Kommentare und ein Beispiel
Auflistung
Das Modul Auflistung stellt eine Liste von Datensätzen auf der Website bereit. Frontend-Benutzer können die Liste sortieren, filtern und durchsuchen. Grundlage der Liste ist eine Tabelle aus einer Datenbank.
| Name | Pfad | Erweiterung |
|---|---|---|
| _buttons.scss | files/contaodemo/theme/src/scss/components/basic-contents/_buttons.scss | scss |
| _form.scss | files/contaodemo/theme/src/scss/components/basic-contents/_form.scss | scss |
| _table.scss | files/contaodemo/theme/src/scss/components/basic-contents/_table.scss | scss |
| contao_extensions_edit-recolored.png | files/contaodemo/media/slider/contao_extensions_edit-recolored.png | png |
| github--white.svg | files/contaodemo/theme/src/img/icons/github--white.svg | svg |
| plus-circle.svg | files/contaodemo/theme/src/img/icons/plus-circle.svg | svg |
| minus-circle.svg | files/contaodemo/theme/src/img/icons/minus-circle.svg | svg |
| twitter-circle.svg | files/contaodemo/theme/src/img/icons/twitter-circle.svg | svg |
| caret-left--white.svg | files/contaodemo/theme/src/img/icons/caret-left--white.svg | svg |
| facebook.svg | files/contaodemo/theme/src/img/icons/facebook.svg | svg |
| chevron-down.svg | files/contaodemo/theme/src/img/icons/chevron-down.svg | svg |
| close-x.svg | files/contaodemo/theme/src/img/icons/close-x.svg | svg |
| file-arrow-down.svg | files/contaodemo/theme/src/img/icons/file-arrow-down.svg | svg |
| rss.svg | files/contaodemo/theme/src/img/icons/rss.svg | svg |
| arrow-right--orange.svg | files/contaodemo/theme/src/img/icons/arrow-right--orange.svg | svg |
| caret-right--gray.svg | files/contaodemo/theme/src/img/icons/caret-right--gray.svg | svg |
| info--blue.svg | files/contaodemo/theme/src/img/icons/info--blue.svg | svg |
| search.svg | files/contaodemo/theme/src/img/icons/search.svg | svg |
| warning-red.svg | files/contaodemo/theme/src/img/icons/warning-red.svg | svg |
| caret-right--white.svg | files/contaodemo/theme/src/img/icons/caret-right--white.svg | svg |