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.
To create a tab module:
- In the header, click .
- 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
|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.|
Add tabs to the tab module by doing the following:
|Call To Action||Select None, Internal or External. |
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.
|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.
|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.|
|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 |
|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.|
|Locale||Choose a locale for the translation you want to submit.|