Brightspot Content Types Guide

Container module


A container is a grid layout of the other components described in this section. Container modules can support up to four columns and are helpful for neatly displaying other modules for easy digestion by your audience.

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

To create a container:

  1. In the header, click add.
  2. From the Create list, select one of the following:
    • Container Module - 1 column
    • Container Module - 2 column
    • Container Module - 3 column
    • Container Module - 4 column
  3. Using the following table as a reference, complete the fields as needed.
  4. Complete your site's workflow and publish the container module.

Container module fields

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

Field
Description
Internal Name
Enter an internal name for this asset. Brightspot uses this name internally, such as in the search panel and recent activity widget. This name is not visible to visitors to your site.
Title
Enter a title. This title is not visible to the visitors to your site.
Description
Enter a description. This description is not visible to visitors to your site.
Column (One, Two, Three, Four)

Depending on number of columns in the container module, up to four Column fields are available.

Click add_circle_outline and select the type of module you want to add to the column.

Based on your module choice, complete the required fields (at a minimum) for that module. Please refer to the help topic for the module type you choose for more information.

You can stack multiple modules in each column. Repeat this process for each module you want stacked in this column.

Field

Description

AnchorModify 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.

One/Two/Three/Four Column Container Styles



FieldDescription
TemplateSelect the template of this module from the list of options. Templates are visual presentation presets that differ depending on the type of module.
PresetSelect one of the following:
  • None—Applies styling from the site's theme.
  • Custom—Opens a form to customize the site's theme for this asset.
  • (Various)—Aside from None or Custom, there may be additional options in this list depending on the value selected in the Template field. If the selected template has presets, then those presets are able to be selected in this list and applied. For information about configuring template presets, see Creating a template preset.
Check to Have This Container Show the TitleToggle on to display the title of the container module.
Header Text AlignmentOverrides the default alignment of the header as specified in your theme's CSS file. You can choose from Left, Center, or Right.
Choose a Background ColorEnter 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.
Module Padding TopOverrides 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 BottomOverrides 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.

FieldDescription
LocaleSets the content's locale. This setting can also be used to auto-localize content based on the users requested locale.

Note
The table above only shows the fields for a Container - 1 column module. You will have additional column fields that correspond to the number of columns you selected for your container module. For example, if you selected Container - 3 column, you will have Column One, Column Two and Column Three fields that all need to have module types selected and completed.

Tip
Preview your container module to ensure the modules you select display properly in the various column layouts.

See also:

Previous Topic
Code block
Next Topic
Form module
Was this topic helpful?
Thanks for your feedback.
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

Asset types
Module types
Page types
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

Content types
Modules
Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

Field types
Content modeling
Rich-text elements
Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

Google Analytics
Shopify
Apple News