Brightspot Content Types Guide

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.

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 add.
  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.
Field Description
Title Enter a title. This title is visible to the visitors to your site.
Description Enter a description. 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 Action Select None, Internal or External.

  • None—No Call to Action button is displayed.
  • Internal—A Call to Action button is displayed. In the Item field, select the asset that visitors view when clicking on the button.
  • External—A Call to Action button is displayed. In the URL field, enter the URL of an external asset that visitors view when clicking on the button.


Using the Call to Action Advanced tab


When setting up an internal or external call to action, you have the option to set how the link will behave.




External—Advanced tab

  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.


Internal—Advanced tab

  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Anchor—If the asset you are linking to has anchors present, such as a page with tabs, you can select items within the tabs to which to anchor. Then when your visitors click the Read More button, they are taken directly to that anchor.
Call To Action Button Text Enter 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.

tab_module_rendered.png
Tab module rendered

Referring to the previous illustration—

  • The tab module contains two tabs: Authors and Research.
  • The Research tab contains a list module White papers. The list module has a title, description, and a list of three assets.
Previous Topic
Search results module
Next Topic
Video playlist module
Was this topic helpful?
Thanks for your feedback.
The elements that get you up and running in a matter of days, from pre-built content types, to modules, to landing pages.

Content types
Modules
Landing pages
Everything you need to manage and administer content within Brightspot CMS, including plug-and-play integrations.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting and administering code on the Brightspot platform, including integrations requiring developer support to use.

Field types
Content modeling
Rich-text elements
Images