·¬ÇÑÉçÇø

Gallery module


Gallery modules provide a compact display of related images.

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

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

To create a gallery module:

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

FieldDescription
Internal NameEnter 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.
TitleEnter a title for this asset. This title is visible to the visitors to your site. If this gallery module is created from an existing gallery, it will automatically use the same title. Enter a new value in this field to override the title.
DescriptionEnter a description that describes this asset. This description is visible to the visitors to your site. If this gallery module is created from an existing gallery, it will automatically use the same description. Enter a new value in this field to override the description.
ItemsClick file_download to upload files to this module, or click add_circle_outline to add existing images to it.carousel.
Call To ActionSelect None, Internal or External.
  • None—No call to action button is displayed.
  • Internal—A call to action button is displayed that links to an internal asset.
  • External—A call to action button is displayed that links to an external URL.
When setting up an internal or external call to action, you have the option to set how the link will behave. Select either Internal or External, then specify a target or, for internal links only, an anchor to which you link visitors.

Each option also allows you to define Name and Value attributes, the latter of which appends an additional parameter to the URL (for example, if you input Brightspot Home Page. into the Value field, appends Title="Brightspot Home Page" to the URL of the external link specified in the call to action).
Call To Action Button TextEnter text appearing on the call-to-action button. This text is visible to the visitors to your site.

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.

Carousel Styles


FieldDescription
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.
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.
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.
Item Text AlignmentOverrides 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 GradientHides the gradient overlay that appears on the module's lead field, if one is set.

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


See also:

Tags
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

•
•
•
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