docs
TYPO3 v14
Reference  /  Content element reference

Content element reference

Every content element type available with yavi-lucerne/full active, as the installation actually registers them. The wizard groups them the same way.

i
63 types in total, grouped exactly as the "new content element" wizard groups them. Whichever group a type comes from, it inherits the shared Yavi fields — eyebrow, headline band, icon, animations, text width and position, visibility per device, custom CSS classes.

Yavi Core

TypeCTypeDescription
CTAyavi_ctaCall-to-action banner with eyebrow, headline, rotating text, buttons and a free-form info row (phone, email, opening hours...).
Portfolioyavi_portfolioPortfolio showcase with 3 layout variations: Masonry, Featured Hero, and Sidebar Filter.

Bootstrap Package + Yavi

TypeCTypeDescription
AccordionaccordionInsert several Accordionelement(s) with headline and text
AudioaudioInsert Audio files
Card Groupcard_groupInsert a element with several content cards
Cardsmenu_card_listInsert menu to display selected pages as cards
Cards of subpagesmenu_card_dirInsert menu to display subpages as cards
CarouselcarouselInsert Carouselelement with different contents (header / text with image / pure HTML)
Carousel Fullscreencarousel_fullscreenInsert Carouselelement with different contents (header / text with image / pure HTML)
Carousel Smallcarousel_smallInsert Carouselelement with different contents (header / text with image / pure HTML)
CSVcsvRender a table from a CSV file.
External Mediaexternal_mediaInsert external media from YouTube or Vimeo
GallerygalleryDisplay multiple images in a rich gallery.
Icon Groupicon_groupInsert a element with several icons
List GrouplistgroupInsert simple Listgroupelement
MediamediaAny number of youtube and vimeo videos in columns and rows with a caption.
PanelpanelInsert Panelelement with simple text
Project Factsyavi_panel_factsA structured key-value list element, ideal for project facts, statistics, or specifications.
QuotequoteInsert Quotation
Social Linkssocial_linksInsert a element to display configured social media channels
TabtabInsert several Tabelement(s) with headline and text
Text and IcontexticonInsert Bootstrap Icon with Text
Text in ColumnstextcolumnInsert Text in Columns
Text with TeasertextteaserInsert Text with Teaser
Thumbnailsmenu_thumbnail_listInsert menu to display selected pages as thumbnail
Thumbnails of subpagesmenu_thumbnail_dirInsert menu to display subpages as thumbnail
TimelinetimelineInsert a element to display a timeline

Containers

TypeCTypeDescription
1 Columncontainer_1_columns
2 Column (4/8) Grid2col-4-8-containerInsert an element dividing the content area into 2 columns 4 / 8
2 Column (8/4) Grid2col-8-4-containerInsert an element dividing the content area into 2 columns 8 / 4
2 Columns 25%/75%container_2_columns_right
2 Columns 50%/50%container_2_columns
2 Columns 75%/25%container_2_columns_left
3 Column Container3col-containerInsert an element dividing the content area into three columns 1 / 2
3 Column RTL Container3col-rtl-containerInsert an element dividing the content area into three columns 1 / 2
3 Columnscontainer_3_columns
4 Columnscontainer_4_columns
Modal Containermodal-containerBuild hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin.
Offcanvas Containeroffcanvas-containerBuild hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin.

Standard (TYPO3)

TypeCTypeDescription
Header OnlyheaderAdds a header only.
Images OnlyimageAny number of images aligned in columns and rows with a caption.
Regular Text ElementtextA regular text element with header and bodytext fields.
Text & ImagestextpicAny number of images wrapped right around a regular text element.
Text & MediatextmediaAny number of media wrapped right around a regular text element.

Lists (TYPO3)

TypeCTypeDescription
Bullet ListbulletsA single bullet list.
File LinksuploadsMakes a list of files for download.
TabletableA simple table.
TypeCTypeDescription
Abstractsmenu_abstractMenu of subpages of selected pages including abstracts
Categorized contentmenu_categorized_contentContent elements for selected categories
Categorized pagesmenu_categorized_pagesPages for selected categories
Pagesmenu_pagesMenu of selected pages
Recently updated pagesmenu_recently_updatedMenu of recently updated pages
Related pagesmenu_related_pagesMenu of related pages based on keywords
Section indexmenu_sectionPage content marked for section menus
Section index of subpages from selected pagesmenu_section_pagesMenu of subpages of selected pages including sections
Sitemapmenu_sitemapExpanded menu of all subpages of the current site
Sitemaps of selected pagesmenu_sitemap_pagesExpanded menu of all subpages for selected pages
Subpagesmenu_subpagesMenu of subpages of selected pages

Forms (TYPO3)

TypeCTypeDescription
Formform_formframeworkA form that allows website users to submit messages.
Login Formfelogin_loginLogin/logout form used to password protect pages allowing only authorised website users and groups access.

Special (TYPO3)

TypeCTypeDescription
DividerdivThis element inserts a visual divider, which is by default a horizontal line.
Insert recordsshortcutWith this element you can embed other content elements.
Plain HTMLhtmlWith this element you can insert raw HTML code on the page.