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.

What is the sum of 7 and 5?

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

Comment by comment author |

This is a single short comment in the comment system.

What is the sum of 4 and 4?

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 Path Extension
2m71l9fa6mg.jpg files/contaodemo/media/content-images/2m71l9fa6mg.jpg jpg
4419498638_5e3607bffe_Family-business.jpg files/contaodemo/media/content-images/4419498638_5e3607bffe_Family-business.jpg jpg
50e0d1434b5bb114a6da8c7ccf203163143ad8e05b57794c752a_640_Audi-Q5.jpg files/contaodemo/media/content-images/50e0d1434b5bb114a6da8c7ccf203163143ad8e05b57794c752a_640_Audi-Q5.jpg jpg
50e5d6414f57b10ff3d8992cc52036761d39c3e456587248722879d190_640_Finanzamt.jpg files/contaodemo/media/content-images/50e5d6414f57b10ff3d8992cc52036761d39c3e456587248722879d190_640_Finanzamt.jpg jpg
52e0d4464b54ad14ea898675c6203f78083edbe35558794f76277d_640_TÜV.jpg files/contaodemo/media/content-images/52e0d4464b54ad14ea898675c6203f78083edbe35558794f76277d_640_TÜV.jpg jpg
52e8dc4b4f55ad14f1dc8460962a3f7f1d37d8f85257714e752f79d59044_640_corona.jpg files/contaodemo/media/content-images/52e8dc4b4f55ad14f1dc8460962a3f7f1d37d8f85257714e752f79d59044_640_corona.jpg jpg
52e9d4414b5aaa14ea898675c6203f78083edbed5754754f73297c_640_Corona.png files/contaodemo/media/content-images/52e9d4414b5aaa14ea898675c6203f78083edbed5754754f73297c_640_Corona.png png
54e4d5454a54ab14ea898675c6203f78083edbed52587540742a7e_640_Lieferwagen.jpg files/contaodemo/media/content-images/54e4d5454a54ab14ea898675c6203f78083edbed52587540742a7e_640_Lieferwagen.jpg jpg
55e0dc4b4252b114a6da8c7ccf203163143ad9e25450754f712d_640_bon.png files/contaodemo/media/content-images/55e0dc4b4252b114a6da8c7ccf203163143ad9e25450754f712d_640_bon.png png
55e6d4464b54b114a6da8c7ccf203163143ad8e054587948712e_640_test.jpg files/contaodemo/media/content-images/55e6d4464b54b114a6da8c7ccf203163143ad8e054587948712e_640_test.jpg jpg
57e0d04a435aa414f1dc8460962a3f7f1d37d8f85257714177267dd6924e_640_Geschenksack.jpg files/contaodemo/media/content-images/57e0d04a435aa414f1dc8460962a3f7f1d37d8f85257714177267dd6924e_640_Geschenksack.jpg jpg
57e4d1444852ad14ea898675c6203f78083edbe250507040762c78_640_Hotel.jpg files/contaodemo/media/content-images/57e4d1444852ad14ea898675c6203f78083edbe250507040762c78_640_Hotel.jpg jpg
57e6d54a4d5ba914ea898675c6203f78083edbe257527241722979_640_Kantine.jpg files/contaodemo/media/content-images/57e6d54a4d5ba914ea898675c6203f78083edbe257527241722979_640_Kantine.jpg jpg
BILD-13.12.19-UM-08.40.jpeg files/contaodemo/media/content-images/BILD-13.12.19-UM-08.40.jpeg jpeg
Backoffice-digital.png files/contaodemo/media/content-images/Backoffice-digital.png png
DSC_5276.jpg files/contaodemo/media/content-images/DSC_5276.jpg jpg
DSC_5316.jpg files/contaodemo/media/content-images/DSC_5316.jpg jpg
DSC_5403.jpg files/contaodemo/media/content-images/DSC_5403.jpg jpg
Foto-Halber-Kopf.jpg files/contaodemo/media/content-images/Foto-Halber-Kopf.jpg jpg
Portrait-270x270@2x.jpg files/contaodemo/media/content-images/Portrait-270x270@2x.jpg jpg