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.
To create a container:
- In the header, click .
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
- Using the following table as a reference, complete the fields as needed.
- Complete your site's workflow and publish the container module.
Container module fields
|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.
|Enter a title. This title is not visible to the visitors to your site.
|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 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.
|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.
One/Two/Three/Four Column Container Styles
|Select the template of this module from the list of options. Templates are visual presentation presets that differ depending on the type of module.
|Select Custom to access additional settings for form styles.
|Check to Have This Container Show the Title
|Toggle on to display the title of the container module.
|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.
|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.
|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.
|Choose a locale for the translation you want to submit.