Component

Form

SCSS Location: /styles/scss/partial/_forms.scss
  • Status: Design
  • Status: Development
  • Status: Documentation

Description

Forms are build on the 3rd-Party Pardot service and then the markup is exported and loaded into the Drupal CMS to display on the appropriate section of a page. Pardot offers form validation on the backend, but there is also basic front-end validation in place as well.

Guidelines

  • The default view is for a single column of form fields.
  • A 2-Column Form layout is also available.

Usage

In general, forms should be copied from Pardot and pasted into the Drupal CMS which will allow it to adopt all necessary styles to match the site.

Sample Form #1

Sample Form #2

Sample Form #3

Sample Form #4 (normal/inverse checkbox examples)