Embedding HTML Details Directly in Your Form Fields

Introduction: Embedding HTML <details> elements inside form fields is a great way to provide extra instructions without cluttering the interface. Instead of showing long explanations or help text all the time, you can make them collapsible—so users only see the guidance when they need it. This improves usability, keeps your form clean, and gives users control over when to view additional details.

Test Version: Laserfiche Forms Professional Version 11.0.2311.50564 and 12.0.2503.10378

Setup: Download codes from Bait and Tackle.

HTML Details Embedded in Field - Modern and Classic Designer

1. Add a field to your form. This can be any of the following field types, depending on your use case:

• Single Line

• Radio Button

• Checkbox

• Multi Line

  

2. Insert the Day 3 HTML script into the appropriate text region. Open the field’s configuration panel and paste the Day 15 code from the Bait and Tackle library. HTML snippet into either:

• Text Above Field, or

• Text Below Field

  

3. Modify the displayed text as needed. Update the HTML’s wording, labels, or descriptive content to match your form’s requirements.