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.

Was ist die Summe aus 4 und 8?

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

Was ist die Summe aus 6 und 1?

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
_listing.scss files/contaodemo/theme/src/scss/components/_listing.scss scss
_login.scss files/contaodemo/theme/src/scss/components/_login.scss scss
_misc.scss files/contaodemo/theme/src/scss/components/_misc.scss scss
_news_and_events.scss files/contaodemo/theme/src/scss/components/_news_and_events.scss scss
_rss-reader.scss files/contaodemo/theme/src/scss/components/_rss-reader.scss scss
_searchbar.scss files/contaodemo/theme/src/scss/components/_searchbar.scss scss
_slider.scss files/contaodemo/theme/src/scss/components/_slider.scss scss
_subscribe_unsubscribe.scss files/contaodemo/theme/src/scss/components/_subscribe_unsubscribe.scss scss
_syndication.scss files/contaodemo/theme/src/scss/components/_syndication.scss scss
_video.scss files/contaodemo/theme/src/scss/components/_video.scss scss
_article-list.scss files/contaodemo/theme/src/scss/components/navigation/_article-list.scss scss
_booknav.scss files/contaodemo/theme/src/scss/components/navigation/_booknav.scss scss
_breadcrumb.scss files/contaodemo/theme/src/scss/components/navigation/_breadcrumb.scss scss
_nav-main.scss files/contaodemo/theme/src/scss/components/navigation/_nav-main.scss scss
_nav-meta.scss files/contaodemo/theme/src/scss/components/navigation/_nav-meta.scss scss
_nav-sidebar.scss files/contaodemo/theme/src/scss/components/navigation/_nav-sidebar.scss scss
_nav-toggle.scss files/contaodemo/theme/src/scss/components/navigation/_nav-toggle.scss scss
_newsmenu.scss files/contaodemo/theme/src/scss/components/navigation/_newsmenu.scss scss
_pagination.scss files/contaodemo/theme/src/scss/components/navigation/_pagination.scss scss
_sitemap.scss files/contaodemo/theme/src/scss/components/navigation/_sitemap.scss scss