Applications

Contao brings some extra modules for complex interactions like form building, search, comments or data listing. Just take a look at the examples below.

Form generator

Forms are a very important tool to help you to create user feedback from the visitors of your website. Contao features an easy way to build and edit individual forms with its Form generator. All the common form fields known from HTML can be used and there are several ways to apply different options to each field. You can make them mandatory, define allowed input values or add CSS classes to specific fields.

The Form generator also allows to "Send form data via e-mail" or "Store data" in your database. For the submission methods you can choose between POST and GET. You will see there is a lot of fun in the module out of the box.

Contact form example

Explanation
This is an optional information text within the form that adds further text content here.

Bitte addieren Sie 1 und 6.

Search engine

This module generates a search feature. The search lists all sites which consist the keyword. With this module allows to search a whole Contao website which is great for a better user experience.

Just visit the following link to see it in action on this demo website: Check out Search 

Comments

Some text about the comments and an example

Kommentar von comment author |

This is a single short comment in the comment system.

Bitte rechnen Sie 3 plus 1.

Listing

The module Article list will make a list of data sets available on the website. The list can be sorted, viewed with applied filters and searched by Front-End users. A table drawn from a database acts as the basis for the list.

In

Name Pfad Erweiterung
240_F_208439019_FNNBdik8pUagSuTtcJLZR3YbqItVfYqk.jpg files/kosmedi_def/media/Erweiterung Kurse/240_F_208439019_FNNBdik8pUagSuTtcJLZR3YbqItVfYqk.jpg jpg
240_F_329793350_bKuOGFQFuQwCu8nIpCuUreeoyUC2Zcc0.jpg files/kosmedi_def/media/Erweiterung Kurse/240_F_329793350_bKuOGFQFuQwCu8nIpCuUreeoyUC2Zcc0.jpg jpg
240_F_329793818_jtEapGVqflSGnoXEulsih2u6nrBaLgiu.jpg files/kosmedi_def/media/Erweiterung Kurse/240_F_329793818_jtEapGVqflSGnoXEulsih2u6nrBaLgiu.jpg jpg
240_F_374753902_9BLvK9nwBzstMHgtaEex2eXlbB3Do7on.jpg files/kosmedi_def/media/Erweiterung Kurse/240_F_374753902_9BLvK9nwBzstMHgtaEex2eXlbB3Do7on.jpg jpg
240_F_466421583_5NoNxw7AaJZKLaUf1DXhu6TF9zjDqK2V.jpg files/kosmedi_def/media/Erweiterung Kurse/240_F_466421583_5NoNxw7AaJZKLaUf1DXhu6TF9zjDqK2V.jpg jpg
240_F_504292536_JaNi6xBFSucPfRCBmqBfOeqeLmNyIP3j.jpg files/kosmedi_def/media/Erweiterung Kurse/240_F_504292536_JaNi6xBFSucPfRCBmqBfOeqeLmNyIP3j.jpg jpg
DSC_0834.JPG files/kosmedi_def/media/Erweiterung Kurse/DSC_0834.JPG jpg
close-up-shot-young-woman-yellow-studio (1).jpg files/kosmedi_def/media/Erweiterung Kurse/close-up-shot-young-woman-yellow-studio (1).jpg jpg
close-up-shot-young-woman-yellow-studio.jpg files/kosmedi_def/media/Erweiterung Kurse/close-up-shot-young-woman-yellow-studio.jpg jpg
iStock-870453970_k.jpg files/kosmedi_def/media/Erweiterung Kurse/iStock-870453970_k.jpg jpg
istockphoto-587192964-1024x1024.jpg files/kosmedi_def/media/Erweiterung Kurse/istockphoto-587192964-1024x1024.jpg jpg
patient-undergoing-microneedling-procedure.jpg files/kosmedi_def/media/Erweiterung Kurse/patient-undergoing-microneedling-procedure.jpg jpg
person-getting-micro-needling-beauty-treatment.jpg files/kosmedi_def/media/Erweiterung Kurse/person-getting-micro-needling-beauty-treatment.jpg jpg
pexels-angela-roma-7479963.jpg files/kosmedi_def/media/Erweiterung Kurse/pexels-angela-roma-7479963.jpg jpg
pexels-anna-shvets-3845548f.jpg files/kosmedi_def/media/Erweiterung Kurse/pexels-anna-shvets-3845548f.jpg jpg
pexels-arina-krasnikova-6663378.jpg files/kosmedi_def/media/Erweiterung Kurse/pexels-arina-krasnikova-6663378.jpg jpg
pexels-brunoabdiel-11417680.jpg files/kosmedi_def/media/Erweiterung Kurse/pexels-brunoabdiel-11417680.jpg jpg
pexels-dashamak-15949784.jpg files/kosmedi_def/media/Erweiterung Kurse/pexels-dashamak-15949784.jpg jpg
pexels-ekaterinamitkina-9898724.jpg files/kosmedi_def/media/Erweiterung Kurse/pexels-ekaterinamitkina-9898724.jpg jpg
pexels-elly-fairytale-3865570.jpg files/kosmedi_def/media/Erweiterung Kurse/pexels-elly-fairytale-3865570.jpg jpg