Documentation Index

Fetch the complete documentation index at: https://www.civicplus.help/llms.txt

Use this file to discover all available pages before exploring further.

Change the Appearance of a Field

Prev Next

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?

System Administrator | Owner | Publisher | Author

Instructions

  1. Sign in to your site

  2. Navigate to Modules, then Content, and then Form Center:A navigation menu highlighting the Form Center option in the Municipal Websites Central interface.

  3. Select the category that contains your desired form:The Form Center module with a single category highlighted for selection.

  4. Select the form that contains the field you want to modify The Form Center within the Bid Submission Forms category with the Bid Submission Form highlighted.

  5. Locate the Fields area and select the field you want to modify:The Bid Submission form in editing mode, with the Company field highlighted.

  6. Select the Visual tab:The Form Center module with a field selected for editing and the Visual tab highlighted.

  7. Modify Visual properties:The Form Center module with a field in edit mode, on the Visual tab with the various fields and toggles displayed.

    • Area: Select which area to modify

      • Field: Entire field (background)

      • Label: The top label area

      • Input: Input area for applicable fields

    • Text:

      • Font: Select font

      • Font Size: Select font size

      • Format: Select Bold, Italic, or 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

  8. Click Save Changes:The Save Changes button is highlighted on the Visual tab of a Form Center field.

  9. Click Save:The Form Center with a form open for edits and the Save button highlighted.