Customize your form to match your brand seamlessly. With Formly, you can change form colors, format text, add your logo, and more.

Apply a theme from theme gallery to your form, or create your own from scratch.

A theme lets you customize the following:

- Colors for the main elements of the form: question text, answer text, buttons, button text, and background.

- A font for the text.
- A background image (optional), including brightness.
- A brand logo (optional).
​

Open your form in the Create panel and click on Design in the right-hand sidebar, then the Gallery tab. You’ll see a list of themes, click on a theme to apply it to your form.

You can edit the font, color scheme, and background image of these themes by clicking the three-dot icon on the theme card. When you save edits on a theme from the gallery, a new custom theme will appear under the My themes tab. A default version of the theme will remain accessible in the Gallery tab.

To create custom themes, follow these steps:

1. Open your form in the Create panel and click on Design in the right-hand sidebar. Click on My themes tab and then + sign next to Themes.

2. By default your new theme will be named Default theme. Click on Default theme to rename your theme.

3. Click the System font dropdown to select a font for your theme.

4. Now select the color scheme for your theme. You can select separate colors for question text, answer text, buttons, button text, and the form background.

Click on the color menu icon and pick a color from the palette or insert a hex value.

5. If you’d like to use a background image instead of a solid-color background, click the + button next to Background image and upload the image.

Then you’ll see your background image applied to your entire form.

Tip! This background image will be applied to your entire form, including Welcome Screens and Thank You Screens. If you want to have different backgrounds on your questions, Welcome Screen and Thank You Screens, you can do that with the Layout feature in question settings. Find out how in the below article.

Click the image icon next to Background to upload a different file, or click the trashcan icon to delete it.

6. If you'd also like to add your brand's logo to your theme, click Add next to Logo.

Additionally, you can change the size of your logo by clicking Lg, Md, or Sm and selecting left, middle, or right alignment for the placement of your logo.

Below is an example of a large, center-aligned logo:

Click the image icon next to Logo to upload a different file, or click the trashcan icon to delete it.

7. Finally, you can set the alignment and font size of your text for the Welcome/Thank you Screen, and questions:

8. Once you’re happy with your settings, click Save as new theme.

9. You can now access your saved theme and apply it to any form by going to the My themes tab. Click a theme to apply it to your form.

Clicking the three-dot icon next to any custom theme gives you the option to rename, edit, duplicate, or delete your theme.

When editing a custom theme, you’ll need to either save the changes you’ve made or revert back to the original version.

Editing and resaving a custom theme does not create a new copy of the theme. Once you’ve saved edits on a custom theme, you won’t be able to access previous versions of that theme. To save a copy of the original custom theme, duplicate it and make edits on the duplicate version.

Additionally, if you edit a custom theme, this theme will change for all forms that use it.

To format question and description text, highlight the text and you’ll see a new menu - bold, italicize, underline, colour, highlight or add link.
​
​

You can add images and animated GIFs to your questions, as well as to the Welcome screen and the Ending screen.

Click on any question you want to add an image to, then click Add next to Image or video under Question settings to open the media gallery.

Now you can upload an image or GIF by clicking Upload, or dragging and dropping an image into the Upload field.

Under Question settings, you can select the layout that suits you.

To add YouTube video - Go to Video tab in Media Gallery and add YouTube link

Click the image icon next to Image or video to upload a different file, or click the trashcan icon to delete it.

The key difference between a background image in a theme and an image layout is that the background image applies to the whole form, while a layout only applies to the image for a given question.

Yes, you can use both images at the same time.