Warning: A non-numeric value encountered in system/modules/core/library/Contao/Picture.php on line 241 
#0 system/modules/core/library/Contao/Picture.php(241): __error()
#1 system/modules/core/library/Contao/Picture.php(198): Contao\Picture->getTemplateDataSource()
#2 system/modules/core/library/Contao/Controller.php(1535): Contao\Picture->getTemplateData()
#3 system/modules/core/elements/ContentHyperlink.php(74): Contao\Controller::addImageToTemplate()
#4 system/modules/core/elements/ContentElement.php(265): Contao\ContentHyperlink->compile()
#5 system/modules/core/library/Contao/Controller.php(484): Contao\ContentElement->generate()
#6 system/modules/core/modules/ModuleArticle.php(213): Contao\Controller::getContentElement()
#7 system/modules/core/modules/Module.php(287): Contao\ModuleArticle->compile()
#8 system/modules/core/modules/ModuleArticle.php(67): Contao\Module->generate()
#9 system/modules/core/library/Contao/Controller.php(417): Contao\ModuleArticle->generate()
#10 system/modules/core/library/Contao/InsertTags.php(430): Contao\Controller::getArticle()
#11 system/modules/core/library/Contao/Controller.php(692): Contao\InsertTags->replace()
#12 system/modules/core/classes/FrontendTemplate.php(100): Contao\Controller::replaceInsertTags()
#13 system/modules/core/pages/PageRegular.php(190): Contao\FrontendTemplate->output()
#14 system/modules/core/controllers/FrontendIndex.php(285): Contao\PageRegular->generate()
#15 index.php(20): Contao\FrontendIndex->run()
#16 {main}

Warning: A non-numeric value encountered in system/modules/core/library/Contao/Picture.php on line 242 
#0 system/modules/core/library/Contao/Picture.php(242): __error()
#1 system/modules/core/library/Contao/Picture.php(198): Contao\Picture->getTemplateDataSource()
#2 system/modules/core/library/Contao/Controller.php(1535): Contao\Picture->getTemplateData()
#3 system/modules/core/elements/ContentHyperlink.php(74): Contao\Controller::addImageToTemplate()
#4 system/modules/core/elements/ContentElement.php(265): Contao\ContentHyperlink->compile()
#5 system/modules/core/library/Contao/Controller.php(484): Contao\ContentElement->generate()
#6 system/modules/core/modules/ModuleArticle.php(213): Contao\Controller::getContentElement()
#7 system/modules/core/modules/Module.php(287): Contao\ModuleArticle->compile()
#8 system/modules/core/modules/ModuleArticle.php(67): Contao\Module->generate()
#9 system/modules/core/library/Contao/Controller.php(417): Contao\ModuleArticle->generate()
#10 system/modules/core/library/Contao/InsertTags.php(430): Contao\Controller::getArticle()
#11 system/modules/core/library/Contao/Controller.php(692): Contao\InsertTags->replace()
#12 system/modules/core/classes/FrontendTemplate.php(100): Contao\Controller::replaceInsertTags()
#13 system/modules/core/pages/PageRegular.php(190): Contao\FrontendTemplate->output()
#14 system/modules/core/controllers/FrontendIndex.php(285): Contao\PageRegular->generate()
#15 index.php(20): Contao\FrontendIndex->run()
#16 {main}
Content Elements - Contao Official Demo

Content elements

Content elements are an easy and intuitive way to create content. Instead of just using a Rich Text Editor, Contao provides a separate element for each type of content like texts, lists, tables, hyperlinks, images or downloads. Here is an overview of the Contao core content elements:

Text elements

Listing of all text content elements
Name CSS class Description
Headline ce_headline Generates a headline (h1 - h6).
Text ce_text Generates a rich text that can be formatted using TinyMCE.
HTML - Allows you to add custom HTML code.
List ce_list Generates an ordered or unordered list.
Table ce_table Generates an optionally sortable table.
Code ce_code Highlights code snippets and prints them to the screen.
Markdown ce_markdown Convertes markdown text to html.
Go top

Accordion elements

Listing of all accordion content elements
Name CSS class Description
Accordion (single element) ce_accordion Generates a single accordion element (with MooTools or jQuery).
Accordion (wrapper start) ce_accordionStart Generates the opening part of the accordion wrapper.
Accordion (wrapper stop) - Generates the closing part of the accordion wrapper.
Go top

Content slider

Listing of all content slider elements
Name CSS class Description
Content slider (wrapper start) ce_sliderStart Generates the opening part of the slider wrapper.
Content slider (wrapper stop) - Generates the closing part of the slider wrapper.
Go top

Link elements

Listing of all link elements
Name CSS class Description
Hyperlink ce_hyperlink Generates a link to another website.
Top link ce_toplink Generates a link to jump to the top of the page.
Go top

Media elements

Listing of all media elements
Name CSS class Description
Image ce_image Generates a stand-alone image.
Gallery ce_gallery Generates a lightbox image gallery.
Video/audio ce_player Generates an HTML5 video or audio player.
Youtube ce_youtube Adds a YouTube video.
Go top

Download elements

Listing of all download elements
Name CSS class Description
Download ce_download Generates a link to download a file.
Downloads ce_downloads Generates multiple links to download files.
Go top

Include elements

Listing of all include elements
Name CSS class Description
Article - Includes another article.
Content element (parent class) Includes another content element.
Form ce_form Includes a form.
Module (parent class) Includes a front end module.
Article teaser ce_teaser Displays the teaser text of an article.
Comments ce_comments Adds a comment form to the page.
Go top