DSAR Forms - Styles

  • Updated

The Styles tab on the Form Configuration page allows you to update the look and feel of your form:

Styles.png

Show Header/Stylesheet URL

To the right of the Form Configuration navigation panel are two options:

Show Header.png

  • Show Header toggle
    • When this toggle is enabled the name of the form will display above the form instructions on the hosted version of the form.
  • Stylesheet URL
    • This field allows you to link to a CSS stylesheet to control for more fine-grained control of the look and feel of your form.

Colors

Below the Show Header/Stylesheet URL options is the Colors section:

Colors.png

You can update the colors that display on your form by clicking on one of the cross boxes and selecting a color in the color-selector modal that displays:

Screenshot 2024-04-17 at 5.02.24 AM.png

Form Preview

To the right of the Form Header/Stylesheet URL and Colors sections is the form preview section:

Screenshot 2024-04-17 at 5.08.58 AM.png

The form preview displays a preview of how your form will appear for requesters from the US state of California. Changes made on a linked stylesheet or in the Colors section will update the form preview in real time:

Screenshot 2024-04-17 at 5.14.03 AM.png

Additional options for previewing your form are available on the Localization tab.