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, which will be validated on submitting the form, and add CSS classes to specific form 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

This is a mandatory form field (*) and the input is validated on submit.

This is an optional help text that is associated with the form field.

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

What is the sum of 4 and 3?

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.

Reply by Kevin Jones

And here is a short answer from an admin as reaction of the comment

Please add 1 and 7.

Listing

The listing module 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.

Name Path Extension
cts_ctscolorboxv3.html5 files/canvasplustheme/templates/elementgenerator/cts_ctscolorboxv3.html5 html5
cts_ctsmenucard kopie.html5 files/canvasplustheme/templates/elementgenerator/cts_ctsmenucard kopie.html5 html5
ce_cts_openstreetmap.html5 files/canvasplustheme/templates/elementgenerator/ce_cts_openstreetmap.html5 html5
cts_ctstabsletwrapperstop.html5 files/canvasplustheme/templates/elementgenerator/cts_ctstabsletwrapperstop.html5 html5
cts_js_ctsnavisectionv2.html5 files/canvasplustheme/templates/elementgenerator/cts_js_ctsnavisectionv2.html5 html5
ce_cts_jarallaxclose.html5 files/canvasplustheme/templates/elementgenerator/ce_cts_jarallaxclose.html5 html5
cts_ctsnavisection.html5 files/canvasplustheme/templates/elementgenerator/cts_ctsnavisection.html5 html5
cts_js_ctsthumbnailslider.html5 files/canvasplustheme/templates/elementgenerator/cts_js_ctsthumbnailslider.html5 html5
cts_ctsdividershape.html5 files/canvasplustheme/templates/elementgenerator/cts_ctsdividershape.html5 html5
ce_cts_contactdetails.html5 files/canvasplustheme/templates/elementgenerator/ce_cts_contactdetails.html5 html5
cts_ctscolorbox-ohne-icon-link.html5 files/canvasplustheme/templates/elementgenerator/cts_ctscolorbox-ohne-icon-link.html5 html5
cts_ctshyperlink.html5 files/canvasplustheme/templates/elementgenerator/cts_ctshyperlink.html5 html5
cts_ctsportfoliofilterboxend.html5 files/canvasplustheme/templates/elementgenerator/cts_ctsportfoliofilterboxend.html5 html5
cts_js_ctsvegassliderstop.html5 files/canvasplustheme/templates/elementgenerator/cts_js_ctsvegassliderstop.html5 html5
cts_ctssplitcontainer.html5 files/canvasplustheme/templates/elementgenerator/cts_ctssplitcontainer.html5 html5
ce_cts_tabscontent_start.html5 files/canvasplustheme/templates/elementgenerator/ce_cts_tabscontent_start.html5 html5
cts_js_ctsportfoliofilterbox.html5 files/canvasplustheme/templates/elementgenerator/cts_js_ctsportfoliofilterbox.html5 html5
cts_js_ctschartbar.html5 files/canvasplustheme/templates/elementgenerator/cts_js_ctschartbar.html5 html5
cts_js_ctsmmenustd-kopie.html5 files/canvasplustheme/templates/elementgenerator/cts_js_ctsmmenustd-kopie.html5 html5
cts_ctscountto.html5 files/canvasplustheme/templates/elementgenerator/cts_ctscountto.html5 html5