Skip to main content

Tabs module

Tabs modules provide a compact display of many related assets. A tab module contains a title, description, and individual tabs. Each tab typically contains modules, each with its own title, description, and assets.

For a wire frame example of what this content type can look like on your site, see Tabs module design,

Note

This topic describes how to create a shared tabs module that you can use in multiple assets. If you want to create a one-off tabs module, see Creating a one-off module.

To create a tab module:

  1. In the header, click .
  2. From the Create list, select Tabs Module.
  3. Using the following table as a reference, complete the fields as needed.
  4. Complete your site's workflow and publish the tabs module.

Tabs module fields​

Click each tab below to see a description of the associated fields.

FieldDescription
TitleEnter a title for this asset. This title is visible to the visitors to your site.
DescriptionEnter a description that describes this asset. This description is visible to the visitors to your site.
Tabs

Add tabs to the tab module by doing the following:

  1. Click Add Tab Item.
  2. In the form for configuring a tab, enter an Internal Name and Title.
  3. Click Add Module.

  4. In the module picker, select one of the available modules, and configure it as required.

    Tip
    You can use the module picker's search field to quickly find a specific module or style. For details, see Searching for shared modules in the module picker.

  5. Repeat steps 1–4 to add more tabs to the tab module.
Call To ActionSelect None, Internal or External.
  • None—No call to action button is displayed.
  • Internal—A call to action button is displayed that links to an internal asset.
  • External—A call to action button is displayed that links to an external URL.
When setting up an internal or external call to action, you have the option to set how the link will behave. Select either Internal or External, then specify a target or, for internal links only, an anchor to which you link visitors.
Call To Action Button TextEnter text appearing on the call-to-action button. This text is visible to the visitors to your site.

The following illustration shows just one example of how Brightspot renders a tabs module.