Field Description Preset Hides line numbers when the code block is rendered on the front end. If any annotations present renders the line numbers regardless of this setting. 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 . 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 . Item Text Alignment Overrides the default text alignment for each item in the gallery as specified in your theme's CSS file. You can choose from Left , Center , or Right . Hide Gradient Hides the gradient overlay that appears on the module's lead field, if one is set.

Brightspot Content Types Guide

Modules

Back to Modules

Gallery module

Gallery modules provide a compact display of related images.

Note

If necessary, create and upload images you will use in the gallery. For details, see Image.

To create a gallery module:

In the header, click add.
From the Create list, select Gallery Module.
Using the following table as a reference, complete the fields as needed.
Complete your site's workflow and publish the carousel module.

Gallery module fields

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

Main
Overrides
Styles
Translations

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 Override	Overrides the title of the containing asset. For example, if you place the carousel module in a gallery, this title replaces the gallery's title. This title is visible to visitors to your site.
Items	Click file_download to upload files to this module, or click add_circle_outline to add existing images to it.carousel.

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.

Carousel Styles

Field	Description
Preset	Hides line numbers when the code block is rendered on the front end. If any annotations present renders the line numbers regardless of this setting.
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.
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.
Item Text Alignment	Overrides the default text alignment for each item in the gallery as specified in your theme's CSS file. You can choose from Left, Center, or Right.
Hide Gradient	Hides the gradient overlay that appears on the module's lead field, if one is set.

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

See also:

Gallery

Previous Topic

Form submission actions

Next Topic

HTML Embed module