CSS Codes for Laserfiche Modern Form Designer- Changing the color areas on an individual section

---

Introduction:

Color coding is beneficial for users to swiftly identify various sections of a form. It is especially helpful in intricate forms with numerous sections, as it simplifies navigation and comprehension of the form's layout.

Use Cases:

• Color code different sections of your form to enhance overall aesthetics.

• Make all areas of a section the same color for full color enhancement.

• Provide an additional form background color for field areas to highlight groups of fields.

Steps:

1. Add a CSS class to your section.
   

Add the following codes to the CSS area.

//Change the section pain background

.section .pane {background-color: blue;}

//Change the section lable background

.section label.section-label {background-color: red};

//Change the section title background

.section .section-title {background-color: green};

//Change the section title color

.section label.section-label {color: white};

Can't get enough of CSS power? Stay tuned for upcoming detailed guides on each CSS code for Laserfiche Modern Form Designer!