Topics Grid

Contents

Requirements

  • Component will only be available on landing pages.

  • Component will be manually populated, with no limit to the number of items. Admins will select topic pages to populate the component.

    • page featured image

    • page title

  • Grid items will be arranged in rows of four items. Component will be responsive, so that the number of items per row reduces until they are stacked in one column.

  • If a user hovers the mouse over any of the 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 topic page.

CMS Fields

Field Label

Field Type

Required?

Notes

Field Label

Field Type

Required?

Notes

1

Title

single-line text

no

not shown in design

2

Page Select

treelist

yes

each topic selected will populate a card

ASCE Digital Style Guide