How to Design a Form's Global Settings?
1. Select FormTo edit a form’s design you need to login to MightyForms App, then:
- Select an existing form from your dashboard
- Create a new form from scratch
- or Select one of the Templates.
2. Add and customize fields
Using the form's Builder tools you can reshape, resize, and reposition your form fields. Remember to also edit each field's settings if you need them to be required, edit the placeholder content, include icons, etc.
3. Go to Design
On the sidebar of your builder dashboard, you can see the Design tab. Click it.
4. Choose a Theme
The quickest way to customize a form's design is to select an existing theme.
On the left side of your form builder, you can see your Themes menu. You can apply an existing theme to your form, either from MightyForms or one of your saved themes.
Note: When selecting a theme, your current design choices will be overwritten and cannot be undone.
Once you are satisfied, click 'Publish' or 'Update' to save your work and publish it.
5. Choose Font
On the right side of your form builder, you'll see the Basic/Advanced settings. The first choice is to select the font.
Under the Basic Settings, you can select a predetermined Font Pair. This affects Labels, Placeholders, and Default Values.
Or you can go to Advanced Settings and customize the font pair.
6. Choose Font Color
Under Advanced Settings, you can change the color, size and style of every text in your form: Fields, Labels, Placeholders, Buttons, Error, and Steps
7. Choose Primary Active Color
Under Basic Settings you can choose a ready-to-go Color Scheme. These colors will appear on buttons, labels, field borders, and so on. Simply select the color visually, or input the color code and click 'Apply'.
Under Advanced Settings you can input the colors for each section individually.
8. Edit Label Float
Your fields' labels 'float' over the answer always, or stay in the place of the placeholder with auto.
You can always Preview how your design will look like across different devices, as well as click 'Undo' and 'Redo' as you edit.