Maximizing User Experience: Implementing Custom Buttons for Form Navigation

---

Introduction:

Show/Hide fields with a custom button click - Modern Designer

1. Add a Custom HTML field to your form.

2. Select the Code View.

   

3. Copy and paste the HTML code from the Laserfiche Advent Calendar Day 6.

4. This will create a "Show Additional Fields" labeled button.

5. Select CSS in the top right corner.

   

6. Copy and paste the CSS code from the Laserfiche Advent Calendar Day 6 into CSS to apply styling to enhance your button.

7. Select JS in the top right corner.

   

8. Copy and paste the JavaScript code from the Laserfiche Advent Calendar Day 6 into JS to apply button functionality.

9. Add a single line field for the JavaScript to send a value to. (Hide this field)

10. Replace "ID" with the field ID from the single line field.

11. Add show/hide rules to any fields based on the value of the single line field as "Additional".

    
    
    
    

Stop by every day for more holiday fun on the Laserfiche Advent Calendar.