Form Themes

Form themes are a great way of making your form fit within your wider branding.

Form themes are a great way of making your form fit within your wider branding. It is especially useful if you are embedding a form on your website, sending out forms to customers or data capturing at events. You can customize your web themes in many ways ranging from; changing your header image, a wide range of fonts and a wide colour palette to choose from. 

How To Create Form Themes

If you’d like to design your own theme, on the main dashboard, click on 'Resources' and then Form Themes.

​​sheets1

After clicking the Form Themes button you will be directed to the list of all your Form Themes.

formthemes

Clicking on the 'Add theme' 

addtheme

or the Plus button in the top right hand side will take you to the form theme creation page

plus

To give your Form Theme a name, click the pencil button which is located at the top left corner of the creation page or on the name of the form theme itself.

You’ll then see a variety of fields on the right-hand side:

Logo

Upload an Image - This image displays above the top of your form and is a great place to include a banner image.

Background

Background Color — This color will only appear if you do not have a background image set.

Background Pattern — This image displays as a pattern behind your form, similar to a screensaver on your computer. We recommend avoiding attention-grabbing patterns. Solid colors or your company’s logo work well here, or alternatively, leave it empty for a transparent look when embedding onto your website.

Button

Background Color — The main color of any buttons, including calendar and form submission buttons.

Text Color — The color of any text and icons that appear within a button.

Text

Header Font

Body Font
​Primary Text Color — The color of your field headers.

Second Text Color — The color of nested text elements, including radial sliders and star rating icons.

Fields

Field Background — The color that fills the input field.

Field Text — The color of the text that appears in each input field.
Field Border — The outline color of your input fields.

formthemepage

When you’re finished, be sure to save your work by clicking the Publish button at the top of the page.

How To Apply Form Themes

Now that you’ve got a form theme that matches your brand guidelines, it’s time to apply it to your forms. To do so, go back to the Form builder and select the paint bucket tool in the bottom right-hand side. 

 

New Theme Loaction

​​

This will launch a drop-down list of all the themes you’ve created, as well as a larger list including the Array default templates. Simply select the theme you’d like to apply, and save the updates to the form.

theme2