Accordion module
Accordion modules provide a way to rapidly deliver information that your readers often request. Accordion modules contain a heading and multiple body fields. Brightspot renders the body fields as a series of accordions.
For a wire frame example of what this content type can look like on your site, see Accordion design.
Creating accordion modules
To create an Accordion module:
- In the header, click .
- From the Create list, select Accordion Module.
- Using the following table as a reference, complete the fields as needed.
- Complete your site's workflow and publish the Accordion module.
- Main
- Advanced
- Overrides
- Styles
| 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 for this asset. This title is visible to the visitors to your site. |
| Description | Enter a description that describes this asset. This description is visible to the visitors to your site. |
| Items | Click . In the form, enter an accordion item. |
| Call To Action | From the Call to Action list, select a call to action. |
| Call To Action Button Text | Enter text appearing on the call-to-action button. This text is visible to the visitors to your site. |
| Field | Description |
|---|---|
| Enable JSON-LD | Toggle on to enable JSON-LD for this module. For details, see Adding JSON-LD to published assets. |
| 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. |
Accordion Module Styles
| Field | Description |
|---|---|
| Template | Select the template of this module from the list of options. Templates are visual presentation presets that differ depending on the type of module. |
| Preset | Select 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 Color | Enter the hexadecimal value of a background color for this module. For instance, entering #000888 provides a dark blue background. |
| Use Text Colors | Select the color to use for text. - Standard—Use the text color specified in the site's theme. - Inverse—Use the inverse of the text color specified in the site's theme. |
| Color Scheme | Select the color scheme to use for this page. - Standard—Use the text color specified in the site's theme. - Inverse—Use the inverse of the text color specified in the site's theme. |
| Choose the Position of the List Header | Overrides the default alignment of the list header as specified in your theme's CSS file. |
| 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. |
| 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. |