Creating Tabs

On this page:

Tabs help organize information into separate sections, keeping pages clean and easy to navigate.

For example, you can use tabs to separate different parts of a project, like project details, team updates, and task lists. You can also create tabs for different reader groups, such as beginners, intermediate users, and advanced users, each with their own content.

Ingredients

Guide

1. Search and select Tabs from the macro browser, or use the keyboard shortcut ( "/" for new editor or "{" for old editor).

   Open

   

2. Each tab lets you add a title and formatted content. By expanding the left panel of the Tabs editor, you can also customize how tabs look.
   Not all macros can be added to the content.
   If a table with more than 16 columns is added to a tab, it may not display all the columns when resizing the page. To avoid this, enable the Full page editor option to resize the columns efficiently after publication.

3. Click plus Unknown Attachment and choose Images & Files in the dropdown menu to attach files or images to the content.
   Manual resizing of attached images is currently not supported. However, the maximum width of the images automatically resize to fit within the tab panel.

   Open

   

4. Click Insert and publish the page once the changes are complete.

Tabs customizations

The tabs editor offers flexibility to match your design preferences, with options to adjust tabs' position, style, font size, and color. Click the expand arrow on the left to access the Tabs customizations menu (see the screenshot below).

The table below shows all the options in the Tabs customizations menu, including what they do, the choices you can pick, and the default settings.

Notes

Not applicable.

Result

Try it yourself

You can explore this tutorial further by clicking through the demo below.