Tabs

These steps are applicable whether you are editing an existing page or creating a new one.

Adding Tabs

  1. In the Paragraphs Body field in the Main Content region, click the + Add button and select Tabs from the Add Paragraph modal window:
    Tabs paragraph
    If multiple paragraphs already exist in the region, you can insert a new paragraph in the location of your choosing by clicking the appropriate + Add button.
  2. Add a Tab Name; this is the text that will display in the tab which the user can click on to show that tab's content.
  3. Click the paragraph selection menu to select a paragraph for the Tab Body, for example Formatted Text, and add the content to that paragraph. Note that multiple content paragraphs can be added to the Tab Body:
    Tab Body
  4. To add a second tab section, click the Add Tab Section button, and repeat steps two and three to add the Tab Name and Tab Body to the new tab.
  5. Click Save at the top of the page to preserve the tab section on the page.

Editing a Tab

  1. Assuming you are in the editing user interface, locate the tab you wish to modify.
  2. To reorder the tabs, click and drag the double-kebab icons
    Double kebab
    at the left of the Tab list.
  3. To edit a tab, click the Edit button to the right of the tab you wish to edit; to remove a tab, click the select arrow to the right of the Edit button and select Remove. Click Save at the top of the page to commit the changes to the tabs.
  4. Save the page to commit the changes.

Removing a Tab

  1. Assuming you are in the editing user interface, locate the tab you wish to remove.
  2. Click the kebab icon ⋮ (vertical ellipsis) to the right of the paragraph name and select Remove; this will remove all tabs (Title and Body) in the tab paragraph:
    Location of the remove paragraph menu link.
  3. Save the page to commit the removal.

Example tabs

This is the tab body content.

...with some more content.