Skip to main content

Tabs

For a tabs element, first place one element of type Content container start and one of type Content container end.

Place the content container Place the content container

In the element Content container start, enter the class tabs in the second input field under Expert settings.

Content container start class Content container start class

Then place an element of type Tabs navigation inside the content containers.

Place the tabs navigation element Place the tabs navigation element

In the Tabs navigation element you define the individual tabs under Tabs settings. Always enter a unique value and a label.

Tabs navigation settings Tabs navigation settings

After the tabs navigation element, add one element of type Tabs wrapper (start) and one of type Tabs wrapper (stop).

Inside the tab wrapper elements, add the content as text elements. Under Expert settings, enter the respective value from the tabs navigation element as the CSS class.

Assign the class to the text element Assign the class to the text element

This is what it should look like in the end:

Tabs example Tabs example