Locked lesson.
About this lesson
Change the look and feel of a form by modifying the theme.
Exercise files
Download this lesson’s related exercise files.
4.05 change-a-forms-theme - Exercise.docx43.3 KB 4.05 change-a-forms-theme - Exercise solution.docx
1.5 MB gym_membership.jpg
1.9 MB Candles3.jpg
907.5 KB
Quick reference
Change a Forms Theme
Select and modify the theme of a form.
When to use
We change the theme of the form whenever we want to use different colors, add images, or use our own custom background to make the form more relevant and interesting.
Instructions
Change a Forms Theme
- Click the Style button.
- Apply any style of your choosing from the preset gallery.
AI is used to present themes that match the context of our form.
If these are too fussy, we can simply use a solid fill color as the background.
We can add background music to our form to make it more fun, although some people might find this annoying and distracting so proceed with caution.
Background Music
- Toggle on the Background music slider.
- Select a piece of music from the list.
Custom Color
We can use a custom color or a background image or video of our own choosing.
- Click the plus (+).
- Click the bucket icon.
From here we can type in the Hex # code to use a specific color.
Custom Image
- Download the image 'Candles3.jpg' from the course files folder.
- Click the image icon.
- Click Upload.
- Navigate to the folder where you have the image stored.
- Select 'Candles3.jpg' and click Open.
Use Templates
It's worth noting that when we create a form, we could choose to use a preset template. These templates contain images and their own styling so this is another way to change the theme of your form.
- 00:04 Every form we've created in this course so far has been using the same form style,
- 00:09 and that is this kind of green color that we have in the background just here.
- 00:14 Now that's the default style for me.
- 00:16 You might find that your default style is something slightly different.
- 00:19 Now, this looks totally fine, but it is a little bit boring.
- 00:23 And there's no need for our forms to be boring,
- 00:26 we can change the style that we're using, we can switch it to a different color,
- 00:31 we can even upload our own image to use in the background of this form.
- 00:35 Customization options are endless and can get really bespoke.
- 00:39 So let's take a look at how we can switch up the style.
- 00:42 Once again, I'm working in the Customer Satisfaction Survey.
- 00:45 Remember, this is for our candle company, Happy Flame.
- 00:49 Now notice, in the top right hand corner we have a Style button.
- 00:53 So if we click this button, notice that we have some preset styles that we can apply.
- 00:59 And if you take a look it says to attract more attention and responses,
- 01:04 AI is used to create immersive styles for you.
- 01:08 So it's basically looking at the information that I have in my form, and
- 01:12 it's suggesting possible relevant styles.
- 01:15 And you can see that some of these are really nice and
- 01:18 have an animated look to them.
- 01:20 For example, I could choose this one just here.
- 01:22 If I click it, it's going to apply that to my form and
- 01:25 instantly it looks a lot more interesting.
- 01:28 Or what about this one?
- 01:30 That's a pretty nice one as well.
- 01:32 Now, if this is all a little bit too fussy,
- 01:35 I could just choose a solid fill background color.
- 01:38 And you can see we have some choices just below, so I could go for
- 01:41 this navy background fill.
- 01:43 And then notice above that AI has picked up some alternative options for me.
- 01:48 So sticking within this kind of same color palette below,
- 01:52 I could choose maybe this one instead.
- 01:55 We can even go as far as to add some background music to our form.
- 01:59 Now, some people might find this a bit distracting, but it is quite fun, so
- 02:03 let's toggle on the background music slider, and
- 02:06 then we can choose from a very limited gallery of sounds.
- 02:09 So let's go for this one, just the sun.
- 02:22 Now I think that's a little bit too distracting, so we're going to turn that
- 02:26 off, but just be aware that that option is there if you want to add it.
- 02:30 And then finally, if we want to,
- 02:32 we can add our own custom image to the background of this form.
- 02:37 So if we click on the plus just here,
- 02:40 we can choose to add our own custom color by typing in the hex value.
- 02:45 So this is really helpful if you work at a company that has a very strict branded
- 02:49 color palette and everything has to be within that color palette.
- 02:53 You can grab the hex code from your marketing team, type it into here, and
- 02:57 you know it's going to be within the company guidelines.
- 03:00 Alternatively, you can upload an image, which is exactly what we are going to do.
- 03:05 So let's click upload image, I'm going to upload, and
- 03:09 I'm going to choose this image just here Candles3.jpg.
- 03:13 You'll find this in the course files folder,
- 03:16 if you want to upload the same image as I am.
- 03:18 Let's click on Open.
- 03:20 The image is uploading and check it out.
- 03:23 How nice does that look?
- 03:26 So I'm pretty pleased with what that looks like,
- 03:28 I'm going to close down the style gallery.
- 03:31 Now the final point worth noting here, if we go back to the forms
- 03:35 Start page by clicking on Forms in the top left hand corner,
- 03:38 notice that we have templates that we can use as well.
- 03:42 So if I'd created a new form based off of one of these templates,
- 03:45 that also comes with its own inbuilt style.
- 03:48 And we're going to look at templates a bit more later on, but
- 03:51 just be aware that that's another way that you can customize the look on fill.
Lesson notes are only available for subscribers.