University Communications has provided further information about this component with regards to best practices on their Web Creator Guide. Check out their guide for more tips and tricks for this component and more.

  • Published - Select or unselect to make component visible or not to site visitors. Defaults to published
  • Button Placement (required) - Choose where the button should be displayed in relation to the CTA
    • Right, Bottom
  • Color (required) - Choose the color to use when displaying the component
    • White, Black, Gray
  • CTA Style (required) - Select how the CTA Simple should be displayed on the screen
    • Align Wide - Background color takes up the entire screen width
    • Align Full - Background is limited to the width of the content
    • Align Narrow - Background is centered and limited to the width of typical text on a page
  • Title (required) - Enter a short title to give to the card
  • Body (required) - Provide a brief description for the card
  • Button Link URL / Text (optional) - Provide a simple link to more information

Instructions start on the Create or Edit Page within a piece of content.

  1. Create Content using the Add Component button
  2. Choose CTA Simple from the list of Components in the Call to Action (CTA) section
    OR
    Edit CTA Simple content using the Edit button
  3. Switch the Published field on or off for the component to be published or unpublished
  4. (required) Select where the Button Placement should be for the CTA
    1. Right, Bottom
  5. (required) Choose a Color for the component
    1. White, Black, Gray
  6. (required) Enter a short Title to give to the card
  7. (required) Provide some Body text to provide a brief description of the section
  8. (optional) Choose a Button Color (green, gold)
  9. (optional) Provide a Button Link URL / Text for the CTA button

Align Wide

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Align Full

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Align Narrow

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.