Forms Design
2 min read
From here you can customize the design of the fields and background for the different states of your form.
To get started:
Click a tab at the top of the panel (Input Fields or Form Background), then click the state drop-down menu and select which one you want to customize (Regular, Hover, Focus or Error).
What are the Regular, Hover, Focus and Error states?
The design options are explained in the table below:
Design Option | Explanation |
|---|---|
Fill Color & Opacity | Choose the background color of the fields or form and set the opacity. |
Border | Create a border for your fields or form. You can choose the border color, opacity, style (for fields) and width. |
Corners | Change the corners of your fields or form. Enter a number on specific corners, or click the link icon in the center to keep them all the same. |
Shadow | Add a shadow to your fields or form. You can change the angle, distance and size of the shadow. You can also choose the color, opacity and blur. |
Text | Format the field title text and the input text, including the font, color and size. |
Important:
When customizing your form, some elements such as the rating field, upload button, checkboxes and radio buttons are not affected by the changes.
Did this help?
|