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

Rendering

Variant

Description

Image

yes

Adds an image that you select from the Media library to a page.

Rendering

Variant

Description

Link List

yes

Displays lists with items that contain a title, link, and text.

Navigation

no

Generates 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

Rendering

Variants

Description

Page Content

yes

Displays the specific fields on a page from the data source item that you select.

Promo

yes

Renders a field from another page and works as a placeholder for other renderings. It consists of an icon or a title and links.

Rich Text

yes

Adds formatted text on a page. You can write text using HTML tags.

Title

yes

Displays the title or subtitle of the current page.

Page Structure

Rendering

Variant

Description

Container

no

Adds additional CSS styling using a wrapper for other renderings.

If you have suggestions for improving this article, let us know!