Lists

What you need to know about Brightspot lists

There are more Brightspot lists than any other content type. The lists have been organized below based on the amount of content displayed: content-heavy promos, thumbnail lists, circular image lists, icon lists, image only lists, and text only lists.

This page will not display card lists. Please see the Cards section of the demo site for content displayed as cards.

1. Content Promos

The first four examples shown below are from the list content section titled "List Content Promo" followed by their size (small, medium, or large).

2. Thumbnail List

This list is titled "List Content Promo - Thumbnail" in Brightspot. The content is much smaller than the examples above.

3. Circular Image Lists

The example lists below are called "List Content Promo - Small" and "Image On Top, Circular" respectively. The second example is often used to display information for employee, staff, or faculty pages.

We recommend not using "List Content Promo - Small (Circular)" as it will be removed from Brightspot in the future. Instead, use "List Content Promo - Small" and select the circular image style under "List Styles."

4. Icon Lists

The list types below are "Icon On Top, Large," "Icon On Top, Small," "Icon On Side," and "List Vertical Image." The last component type, "List Vertical Image," is one that is often used to display information for employee, staff, or faculty pages.

5. Image Only Lists

This list is called "Logo Only." This list works well with logos but other content such as images can be used when appropriate.

6. Text Only Lists

The three lists below are the "List Card - Links," "List Accordion," and "Metrics."

Generally, "List Card - Links" is utilized as a sidebar. Visit the Sidebar section to learn more about this list as an aside module.

Please see the Accordion section of the demo site for more information on the accordion list type.

Metrics can be displayed in any number of content types. Shown below from left to right are a rich text module, an event module, and a section module.

7. Social Lists

This list is called "List - Social" and is primarily used with social feeds. It can also be used to display articles as shown below.

To learn more about social lists, see the Social Feeds Feature Guide.

8. Card Background

This list displays text over an image. It is call "Card (Background)".