Adding a Custom Header to Your Questionnaires
It's easy to create your own custom form header without knowing anything about HTML.
To create a default header for all your intake forms, navigate to "More > Settings", check the box that says "Enable Custom Header" and then click on the button titled "Header Helper". You will be presented with the form below:
As you can see, you can fill out your contact information, upload and resize your logo, choose background and text colors, and include social media icons. Once you click on the button "Use this header", the header HTML will be created and added to the text editor. This allows you to make any other tweaks you may find necessary.
If you'd like this header to be used on the downloadable PDF version of your forms, as well as in treatment notes, please see the following article: Custom Header in PDF Forms
Supported CSS Styles
Some advanced users will want to apply their own styles in CSS, which can be done. There is a limit to what styles you can use, the system will strip out any that are not permitted.
Below is a list of what CSS styles are supported:
- background
- background-attachment
- background-color
- background-image
- background-position
- background-repeat
- border
- border-bottom
- border-bottom-color
- border-bottom-style
- border-bottom-width
- border-collapse
- border-color
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-spacing
- border-style
- border-top
- border-top-color
- border-top-style
- border-top-width
- border-width
- bottom
- box-shadow
- caption-side
- clear
- clip
- color
- content
- counter-increment
- counter-reset
- cursor
- direction
- display
- empty-cells
- float
- font
- font-family
- font-size
- font-style
- font-variant
- font-weight
- height
- left
- letter-spacing
- line-height
- list-style
- list-style-image
- list-style-position
- list-style-type
- margin
- margin-bottom
- margin-left
- margin-right
- margin-top
- max-height
- max-width
- min-height
- min-width
- opacity
- orphans
- outline
- outline-color
- outline-style
- outline-width
- overflow
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top
- page-break-after
- page-break-before
- page-break-inside
- quotes
- right
- table-layout
- text-align
- text-decoration
- text-indent
- text-shadow
- text-transform
- top
- unicode-bidi
- vertical-align
- visibility
- white-space
- widows
- width
- word-spacing
- z-index