Brightspot Content Types Guide

List module


List modules allow you to display promos of assets in a list. There are three main types of list modules:

  • Basic list modules—A list of any type of asset promo, the titles and descriptions of which you cannot override.
  • Advanced list modules—A list of specific types of asset promos, the titles and descriptions of which you can override.
  • Dynamic list modules—A list of any type of asset promo, the contents of which are populated dynamically based on the settings you select.

To create a list module:

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

List module fields

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

Basic list module

Basic lists contain assets of any content type. The assets in the list do not change unless you explicitly change them.

A basic list renders promos of the list's underlying assets, and you cannot override the promos' text or image. (Changes to the assets' promos appear in the rendered basic list.) Advanced lists can also contain promos of the list's underlying assets, but you can override the promos' text and image.
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. This title is visible to the visitors to your site.
DescriptionEnter a description. This description is visible to the visitors to your site.
ItemsTo add assets to the list, select Basic and then click add_circle_outline.
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.
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.

External—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Attribute—Click add_circle_outline to add an attribute to the link.
    • Name—Enter the name of the attribute. For example, Title.
    • Value—Set the value for the attribute. For example, Brightspot Home Page. This appends Title="Brightspot Home Page" to the URL of the external link specified in the Call to Action.
Internal—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Attribute—Click add_circle_outline to add an attribute to the link.
    • Name—Enter the name of the attribute. For example, Title.
    • Value—Set the value for the attribute. For example, Brightspot Home Page. This appends Title="Brightspot Home Page" to the URL of the external link specified in the Call to Action.
  • Anchor—If the asset you are linking to has anchors present, such as a page with tabs, you can select items within the tabs to which to anchor. Then when your visitors click the Read More button, they are taken directly to that anchor.
Call To Action Button TextEnter text appearing on the call-to-action button. This text is visible to the visitors to your site.
f

Advanced list module

Advanced lists can contain ad modules, dynamic promos, HTML embed modules, iframe embed modules, or promos. The assets in the list do not change unless you explicitly change them.

If your advanced list includes promos, you can customize the promos' text and image. (Your customizations remain even if an asset's promo changes.) Basic lists also contain promos of the list's underlying assets, but you cannot customize the promos' text and image.
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. This title is visible to the visitors to your site.
DescriptionEnter a description. This description is visible to the visitors to your site.
ItemsTo add assets to the list, select Advanced and then click add_circle_outline.
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.
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.

External—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Attribute—Click add_circle_outline to add an attribute to the link.
    • Name—Enter the name of the attribute. For example, Title.
    • Value—Set the value for the attribute. For example, Brightspot Home Page. This appends Title="Brightspot Home Page" to the URL of the external link specified in the Call to Action.
Internal—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Attribute—Click add_circle_outline to add an attribute to the link.
    • Name—Enter the name of the attribute. For example, Title.
    • Value—Set the value for the attribute. For example, Brightspot Home Page. This appends Title="Brightspot Home Page" to the URL of the external link specified in the Call to Action.
  • Anchor—If the asset you are linking to has anchors present, such as a page with tabs, you can select items within the tabs to which to anchor. Then when your visitors click the Read More button, they are taken directly to that anchor.
Call To Action Button TextEnter text appearing on the call-to-action button. This text is visible to the visitors to your site.

Dynamic list module

Dynamic lists contain assets of any content type. The assets in the list change depending on the selection of sort and filtering criteria you configure. For details on these dynamic settings, see Understanding dynamic list settings.
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. This title is visible to the visitors to your site.
DescriptionEnter a description. This description is visible to the visitors to your site.
ItemsClick add_circle_outline, and select Dynamic.
TypesSelect the content types included in this list.
SortSelect the sort order for this list.
Items per pageEnter the number of items displayed in each page.



If the dynamic list has more items than this value, Brightspot displays next and previous links so the visitor can page through the list.
Filtering RulesSelect filtering criteria for this list. For information about the various filters, see Understanding dynamic list settings.
Pinned ItemsSelect assets that always appear first in this list. For information about pinning items, see Understanding dynamic list settings.
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.
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.

External—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Attribute—Click add_circle_outline to add an attribute to the link.
    • Name—Enter the name of the attribute. For example, Title.
    • Value—Set the value for the attribute. For example, Brightspot Home Page. This appends Title="Brightspot Home Page" to the URL of the external link specified in the Call to Action.
Internal—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Attribute—Click add_circle_outline to add an attribute to the link.
    • Name—Enter the name of the attribute. For example, Title.
    • Value—Set the value for the attribute. For example, Brightspot Home Page. This appends Title="Brightspot Home Page" to the URL of the external link specified in the Call to Action.
  • Anchor—If the asset you are linking to has anchors present, such as a page with tabs, you can select items within the tabs to which to anchor. Then when your visitors click the Read More button, they are taken directly to that anchor.
Call To Action Button TextEnter text appearing on the call-to-action button. This text is visible to the visitors to your site.

Related Content list module

Related Content list modules contain article assets that are related to the asset you specify.
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. This title is visible to the visitors to your site.
DescriptionEnter a description. This description is visible to the visitors to your site.
ItemsFrom the Items list, select Related Content.
SourceSelect a source for the related content from one of the following options:
  • Specify—Select the article which serves as the source of the related content. Toggle on Exclude Source to exclude the article you specify from the list of related content.
  • None—There is no related content.
  • Use Current—Uses the current asset as the source of the related content.
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.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.

External—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
Internal—Advanced tab
  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Anchor—If the asset you are linking to has anchors present, such as a page with tabs, you can select items within the tabs to which to anchor. Then when your visitors click the Read More button, they are taken directly to that anchor.
Call To Action Button TextIn the Call To Action Button Text, enter text appearing on the call-to-action button. This text is visible to the visitors to your site.

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

Advanced



FieldDescription
Hide DescriptionsToggle on to hide the descriptions of the assets contained in the list module. For example, toggling on this setting displays the Headline of an article, but hides the Description of an article contained in the list module.
Hide ImagesToggle on to hide the images included on the assets contained in the list module.
Hide Publish DatesToggle on to hide the publish dates of the assets included in the list module.
Hide CategoriesToggle on to hide the categories of the assets included in the list module.
Hide AuthorsToggle on to hide the authors of the assets included in the list module.

Page List 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 Custom to access additional settings for form styles.
List Title SizeOverrides the default text size of the list's Title as specified in your theme's CSS file.
List Description SizeOverrides the default text size of the list's Description as specified in your theme's CSS file.
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.

Page List AMP 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.

FieldDescription
LocaleChoose a locale for the translation you want to submit.

Previous Topic
Iframe Embed module
Next Topic
Understanding dynamic list settings
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