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

Dies ist ein Pflichtfeld (*), die Eingabe wird beim Absenden geprüft.

Dies ist ein optionaler Hilfetext, der zum Formularfeld gehört.

Erklärung
Dies ist ein optionaler Informationstext innerhalb des Formulars, der hier zusätzlichen Textinhalt einfügt.

Bitte addieren Sie 3 und 6.

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

Bitte rechnen Sie 1 plus 3.

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
laptop.jpg files/contaodemo/media/demo-images/laptop.jpg jpg
contao-on-blue.jpg files/contaodemo/media/demo-images/contao-on-blue.jpg jpg
themes-preview.jpg files/contaodemo/media/demo-images/themes-preview.jpg jpg
favicon.ico files/contaodemo/theme/src/img/favicon.ico ico
contao_extensions_edit-recolored.png files/contaodemo/media/demo-images/contao_extensions_edit-recolored.png png
contao-tagcloud_1.jpg files/contaodemo/media/slider/contao-tagcloud_1.jpg jpg
contao-tagcloud_2.jpg files/contaodemo/media/slider/contao-tagcloud_2.jpg jpg
_basic-contents.scss files/contaodemo/theme/src/scss/components/basic-contents/_basic-contents.scss scss
scripts.js files/contaodemo/theme/src/js/scripts.js js
_animation.scss files/contaodemo/theme/src/scss/variables/_animation.scss scss
_grid.scss files/contaodemo/theme/src/scss/layout/_grid.scss scss
_mixin-grid-generator.scss files/contaodemo/theme/src/scss/tools/_mixin-grid-generator.scss scss
_mixin-set-breakpoints.scss files/contaodemo/theme/src/scss/tools/_mixin-set-breakpoints.scss scss
_mixin-set-font-size.scss files/contaodemo/theme/src/scss/tools/_mixin-set-font-size.scss scss
_calendar.scss files/contaodemo/theme/src/scss/components/_calendar.scss scss
_comments.scss files/contaodemo/theme/src/scss/components/_comments.scss scss
_downloads.scss files/contaodemo/theme/src/scss/components/_downloads.scss scss
_faq.scss files/contaodemo/theme/src/scss/components/_faq.scss scss
_gallery.scss files/contaodemo/theme/src/scss/components/_gallery.scss scss
_lightbox.scss files/contaodemo/theme/src/scss/components/_lightbox.scss scss