Customize your form to match your brand seamlessly. With Formly, you can change form colors, format text, add your logo, and more.
Change colors
Themes
Apply a theme from gallery to your form, or create your own from scratch (coming soon).
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 (coming soon).
- A background image (optional).
- A brand logo (optional).
Open your form in the Create panel and click on Design in the right-hand sidebar. Select the required Theme.
Format text
To format question and description text, highlight the text and you’ll see a new menu - bold, italicize, underline, colour, highlight or add link.
Add a logo
To add your brand logo, open your form in the Create panel and click on Design in the right-hand sidebar. Click on Add button.
Then you’ll see your logo displayed in the top left corner of the form.
You can also switch between left-aligned, center-aligned and right-aligned positions.
Click the image icon next to Logo to upload a different file, or click the trashcan icon to delete it.
Note! The recommended logo size is 80x80 pixels.
Add a background image to your form
Using background images can enhance the visual appeal of your form and allow you to incorporate your brand into the design.
To add a background image, open your form in the Create panel and click on Design in the right-hand sidebar. Click on Add button.
Note! The recommended background image size is 1680x1050 pixels.
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.
Add images, videos and GIFs to your questions
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.
Note!
Allowed file format: JPEG, PNG and GIF
File size: 4MB maximum
Images will be resized automatically to be adjusted for different layouts and device types.
Under Question settings, you can select the layout that suits you.
Note!
Media Layout options (Six layout options) are only available in Slides layout, which can be enabled in Form settings.
For Single Page layout, images will default to first layout automatically.
To add YouTube video - Go to Video tab in Media Gallery and add YouTube link
Note – Only first three Layout options are available for YouTube videos in Slides layout.
Click the image icon next to Image or video to upload a different file, or click the trashcan icon to delete it.
What’s the difference between a background image in a theme and an image layout?
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.
Can I use a question image and a background image at the same time?
Yes, you can use both images at the same time.