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.

Please add 9 and 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

Comment by comment author |

This is a single short comment in the comment system.

Please add 7 and 2.

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
theme-preview.png files/contaodemo/theme/theme-preview.png png
e83db2072bfd033ecd0b470de7444e90fe76e6dd1cb4114690f1c3_640_Logistik.jpg files/contaodemo/media/content-images/e83db2072bfd033ecd0b470de7444e90fe76e6dd1cb4114690f1c3_640_Logistik.jpg jpg
eb31b40928f4053ecd0b470de7444e90fe76e7d51eb8114297f2c9_640_Zahlung.jpg files/contaodemo/media/content-images/eb31b40928f4053ecd0b470de7444e90fe76e7d51eb8114297f2c9_640_Zahlung.jpg jpg
eb31b10e2cf1093ecd0b470de7444e90fe76e7d51fb9154695f4c6_640_weltkarte.jpg files/contaodemo/media/content-images/eb31b10e2cf1093ecd0b470de7444e90fe76e7d51fb9154695f4c6_640_weltkarte.jpg jpg
ec31b50a2ff11c3e81584d04ee44408be273e7d510b7134292f4_640_Dortmund.jpg files/contaodemo/media/content-images/ec31b50a2ff11c3e81584d04ee44408be273e7d510b7134292f4_640_Dortmund.jpg jpg
ef31b10a2bf41c3e81584d04ee44408be273ead41bb9164292f9_640_cook.jpg files/contaodemo/media/content-images/ef31b10a2bf41c3e81584d04ee44408be273ead41bb9164292f9_640_cook.jpg jpg
e832b1092cf11c3e81584d04ee44408be273e4d21db4104895f9_640_Geschäftsführer.jpg files/contaodemo/media/content-images/e832b1092cf11c3e81584d04ee44408be273e4d21db4104895f9_640_Geschäftsführer.jpg jpg
Foto-Halber-Kopf.jpg files/contaodemo/media/content-images/Foto-Halber-Kopf.jpg jpg
eb30b70e2af5063ecd0b470de7444e90fe76e7d51ab0124693f8c0_640_Vertrag.jpg files/contaodemo/media/content-images/eb30b70e2af5063ecd0b470de7444e90fe76e7d51ab0124693f8c0_640_Vertrag.jpg jpg
e833b50d21fc083ecd0b470de7444e90fe76e6dd1ab6114893f2c7_640_money.jpg files/contaodemo/media/content-images/e833b50d21fc083ecd0b470de7444e90fe76e6dd1ab6114893f2c7_640_money.jpg jpg
e830b50a29f21c3e81584d04ee44408be273e7d61ab8134796f3_640_Gericht.png files/contaodemo/media/content-images/e830b50a29f21c3e81584d04ee44408be273e7d61ab8134796f3_640_Gericht.png png
ee33b10e21e91c72d252440dee4a5b97e772e2dc1cb6164391_640_money.jpg files/contaodemo/media/content-images/ee33b10e21e91c72d252440dee4a5b97e772e2dc1cb6164391_640_money.jpg jpg
ec32b10828f11c3e81584d04ee44408be272e2dd10b2134690f3_640_Poker.jpg files/contaodemo/media/content-images/ec32b10828f11c3e81584d04ee44408be272e2dd10b2134690f3_640_Poker.jpg jpg
57e4d1444852ad14ea898675c6203f78083edbe250507040762c78_640_Hotel.jpg files/contaodemo/media/content-images/57e4d1444852ad14ea898675c6203f78083edbe250507040762c78_640_Hotel.jpg jpg
ea3db30e2df71c3e81584d04ee44408be273e4d010b9164894f6_640_Flur.jpg files/contaodemo/media/content-images/ea3db30e2df71c3e81584d04ee44408be273e4d010b9164894f6_640_Flur.jpg jpg
ea31b0082cf01c3e81584d04ee44408be272e1d618b3184593f7_640_Briefkasten.jpg files/contaodemo/media/content-images/ea31b0082cf01c3e81584d04ee44408be272e1d618b3184593f7_640_Briefkasten.jpg jpg
ea3db30e2df71c3e81584d04ee44408be273e4d010b9164894f6_640_Flur-270x270@2x.jpg files/contaodemo/media/content-images/ea3db30e2df71c3e81584d04ee44408be273e4d010b9164894f6_640_Flur-270x270@2x.jpg jpg
ea33b50e2fe91c72d252440dee4a5b97e772e7d210b5114690_640_Richter.png files/contaodemo/media/content-images/ea33b50e2fe91c72d252440dee4a5b97e772e7d210b5114690_640_Richter.png png
Wulffshof2-1170x400@2x.jpg files/contaodemo/media/content-images/Wulffshof2-1170x400@2x.jpg jpg
e037b30a2bf51c3e81584d04ee44408be273e7d510b416449cf4_640_House-270x270@2x.jpg files/contaodemo/media/content-images/e037b30a2bf51c3e81584d04ee44408be273e7d510b416449cf4_640_House-270x270@2x.jpg jpg