Curves Ahead: Styling Fields for a Smoother Look

Introduction: Sharp corners can make form inputs feel rigid or outdated. By rounding field borders, you create a softer, more modern look that improves visual flow and user comfort.

Test Version: Laserfiche Forms Professional Version 11.0.2311.50564 and above

Code Provided by: William Bentley with Texas A&M

Setup: Download codes from Bait and Tackle.

Rounded Fields - Classic Designer

1. Add a Single Line field to your form.

2. Open the form’s CSS and JavaScript panel.

In Laserfiche Forms Classic Designer, select CSS and JavaScript at the top of the designer interface to access the styling editor.

3. Copy and paste the CSS code from Day 9 Bait and Tackle library.

This will apply the Day 9 styling options to your form.

4. Apply a CSS Class to your field for the style you want to use.

Use the CSS Class property on the Single Line field to select the design you want.