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 | |
|---|---|---|---|---|
| 1 | Title | single-line text | no | not shown in design |
| 2 | Page Select | treelist | yes | each topic selected will populate a card |
https://styleguide.asce.org/section-components.html#asgref-components-topics-grid