This article will show you how to change the appearance of a Field in an existing Form. You have the option to change the color and font of the entire Field or just the Label, Instructions, and/or Input.
Who can use this feature?
Instructions
- Navigate to Modules > Content > Form Center
- Select the category that contains your desired form
- Select the form that contains the field you want to modify
- Locate the Fields area and select the field you want to modify
- Select the Visual tab
- Modify Visual properties
- Area: Select which area to modify
- Field: Entire field (background)
- Label: The top label area
- Instructions: The bottom text area
- Input: Input area for applicable fields
- Text:
- Font: Select font
- Font Size: Select font size
- Format: Select Bold, Italic, Underline
- Color: Select the font color
- Default: Select These styles are the default for this form to make this appearance the default
- All Fields: Select Apply these styles to all fields on this form to make this appearance override for all forms on this field
- Area: Select which area to modify
- Click Save Changes
- Click Save
Feedback About the Article
Let us know what was helpful or not helpful about the article below.1 comment
Some feedback for the forms center, there is an issue with accessibility with the following code:
<textarea aria-hidden="true" id="e_28" name="fields[14].Value" style="display: none;"></textarea>
and the code causes the following flag with monsido:
aria-hidden="true": This attribute (aria-hidden) is set to "true," which means that the element and its content are hidden from assistive technologies like screen readers. In other words, it's making this<textarea>invisible to users who rely on screen readers to access web content.Please sign in to leave a comment.