Field Description Template Select the template of this module from the list of options. Templates are visual presentation presets that differ depending on the type of module. Preset Select Custom to access additional settings for form styles. Choose a Background Color Enter the hexadecimal value of a background color for this module. For instance, entering #000888 provides a dark blue background. Change Primary Text Color to Primary Inverse Text Color (Set in Theme Colors) Toggle on to convert the primary color of the text in the module to the inverse color of the text set in the theme. Header Text Alignment Overrides the default alignment of the header as specified in your theme's CSS file. You can choose from Left , Center , or Right . Module Padding Top Overrides the default padding at the top of the module as specified in your theme's CSS file. You can choose from None , Small , Medium , or Large . Module Padding Bottom Overrides the default padding at the bottom of the module as specified in your theme's CSS file. You can choose from None , Small , Medium , or Large .

Brightspot Content Types Guide

Modules

Back to Modules

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:

In the header, click add.
From the Create list, select Tabs Module.
Using the following table as a reference, complete the fields as needed.
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.

Main
Overrides
Styles
Translations

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: Click Add Tab Item. In the form for configuring a tab, enter an Internal Name and Title. Click Add Module. 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. 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.

Field	Description
Anchor	Modify the anchor to something that would make sense when appearing in an Anchor field's drop-down menu on another asset. This allows you to directly link to this module in another asset. Being specific makes it easier to identify in a list of other anchors.

Tab Styles

Field	Description
Template	Select the template of this module from the list of options. Templates are visual presentation presets that differ depending on the type of module.
Preset	Select Custom to access additional settings for form styles.
Choose a Background Color	Enter the hexadecimal value of a background color for this module. For instance, entering `#000888` provides a dark blue background.
Change Primary Text Color to Primary Inverse Text Color (Set in Theme Colors)	Toggle on to convert the primary color of the text in the module to the inverse color of the text set in the theme.
Header Text Alignment	Overrides the default alignment of the header as specified in your theme's CSS file. You can choose from Left, Center, or Right.
Module Padding Top	Overrides the default padding at the top of the module as specified in your theme's CSS file. You can choose from None, Small, Medium, or Large.
Module Padding Bottom	Overrides the default padding at the bottom of the module as specified in your theme's CSS file. You can choose from None, Small, Medium, or Large.

Field	Description
Locale	Choose a locale for the translation you want to submit.

Previous Topic

Search results module

Next Topic

Video playlist module