Related Items

Contents

Requirements

Title

Description

Title

Description

1

Availability

Component is only available on detail pages.

2

Populating the Component

Component can be populated one of two ways:

  • Dynamically

    • admins/content authors can choose a topic or tag from the taxonomy;

    • the component will then pull the three most recent items tagged with the selected topic or tag

  • Manually

    • admins/content authors will choose three articles

3

Referenced Fields

Each item that is referenced will display the following:

  • page title

  • page featured image (if applicable)

  • number of comments; NOTE: comments are TBD

4

Dot Accent

The dot accent will be on the right of the component, with the first row of dots rendering several pixels higher than the tile of the component.

5

Hover State and Linking

If a user hovers the mouse over any of the link items in this component, a hover state will be triggered to indicate clickable content. If a user clicks on any of the items in this component, they will be taken to the corresponding page.

CMS Fields

Field Label

Field Type

Required?

Notes

Field Label

Field Type

Required?

Notes

1

Title

single-line text

yes

default is "read this next"

2

Topic or Tag

select

no

selecting the term will populate the component per requirement #2

3

Article Select

treelist

no

max 3, per requirement #2

https://styleguide.asce.org/section-components.html#asgref-components-related-items