CTA Panel

Contents

Requirements

  1. Component will always include the background.

  2. If a user hovers over the link in this component, a hover state will be triggered to indicate clickable content. If a user clicks the link included in this component, they will be taken to the corresponding page.

  3. There are 2 slightly different layouts of this component, depending on the width of the parent container. UPDATE 1/5/21: Client requested the ability to place the standard width version on detail pages above the content (rich text) area.

CMS Fields

Field Label

Field Type

Required?

Notes

Field Label

Field Type

Required?

Notes

1

Title

single-line text

yes

will always be highlighted and in all CAPS. Please limit to under 40 characters.

2

Description

rich-text editor

yes

 

3

CTA Link

link

yes

includes link text and URL

https://styleguide.asce.org/section-components.html#asgref-components-cta-panel