Tabs
Application #
Would you like to present text information differently again? Then tabs give you another alternative to the accordion and scrolling text.
Video tutorial #
Learn in the following video tutorial how to create the tabs element
Add tabs #
Drag the tabs element into a module.
Step 1 – Set width #
1
Width
Decide whether the Tabs element should have a wide or a narrow layout.
Step 2 – Manage hotspots #
1
Add tab
Click on „Add tabs“ to create as many tabs as you like.
2
Sort tabs
Change the order of the tabs by clicking the move icon and dragging it to the desired location.
3
Delete tabs
Delete tabs by clicking the trash can icon.
Step 3 – Edit content #
1
Edit title and content
Enter your desired title either in the input field of the editing window or change it directly in the element as described in step 2.
2
Edit tab title
Click on a tab to edit its content. You can also edit the title of the tab directly on the tab itself.
3
Edit tab contents
Click the edit button to create the tab's content using the content editor. You can learn exactly how it works on the „Edit Overlay“ page.