1. Working with components

Renderings and rendering variants

Version:

You can construct your pages by dragging and dropping standard components directly where you need them. These components are called renderings and they are listed in the toolbox in the Experience Editor and in Pages. The renderings available are listed below.

If a rendering has any variants, you can select one of its variants from a list below the floating toolbar. Variants make a rendering appear differently or make them show different content. If the Variant column in the tables below contains yes, it means that the rendering supports variants.

Note

You can configure the default renderings and create your own rendering variants in the Content Editor.

Media
RenderingVariantDescription
ImageyesAdds an image that you select from the Media library to a page.
RenderingVariantDescription
Link ListyesDisplays lists with items that contain a title, link, and text.
NavigationnoGenerates a navigation menu. You can select:

  • Main navigation - drop-down vertical – standard drop-down navigation
  • Main navigation - drop-down horizontal – drop-down navigation with child items in a single line
  • Sidebar navigation – all child items displayed vertically
  • Sitemap navigation - all child items displayed vertically
  • Big/fat navigation – all child items displayed horizontally.
  • Mobile navigation – navigation for mobile

Page Content
RenderingVariantsDescription
Page ContentyesDisplays the specific fields on a page from the data source item that you select.
PromoyesRenders a field from another page and works as a placeholder for other renderings. It consists of an icon or a title and links.
Rich TextyesAdds formatted text on a page. You can write text using HTML tags.
TitleyesDisplays the title or subtitle of the current page.

Page Structure
RenderingVariantDescription
ContainernoAdds additional CSS styling using a wrapper for other renderings.
If you have suggestions for improving this article, let us know!