Customizing Forms – Support Center Home

Responsive Forms

To make forms show up correctly on each breakpoint we have to resize them for every breakpoint. For each breakpoint, make sure that the form is smaller than your next smallest breakpoint.

To customize the contact form:

Click on the form.
Select the blue arrow to open the Options Panel.
Customize the form options.
Customize your colors by using the Swatches Panel.

The Form Message also has different states of Progress, Submittal and Error that can be customized using the States Panel.

Styling Form States

There are a few different form states that you can style to customize your form: Empty, Non Empty, Rollover, Focus, and Error.

Select the form field.

Click on the States Panel.

Then click on the State that you want to customize.

Style as desired.

Note: The Form Message also has different states of Progress, Submittal and Error that can be customized using the States Panel.

Radio Buttons/Form Message

You can customize the different states of the form. To change the radio buttons:

Click on the Radio Button.
In the Fill panel click Add image underlined in orange.

Note: Additional help with styling and setting up your form can be found in this help article provided by Adobe Muse.