Creating an Animated ‘Loading’ Image with HTML and CSS for lengthy form data Lookup

---

Introduction:

When working with Laserfiche Forms, providing users with clear feedback during data lookup processes is essential for a smooth and efficient experience. One effective strategy is to hide the form fields while the data is being fetched and display an animated “loading” image instead.

Show animation while form fields load from a lookup - 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 14.

4. Select CSS in the top right corner.

   

5. Copy and paste the CSS code from the Laserfiche Advent Calendar Day 14 into CSS to apply animation.

   
   
   
   
   
   

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