Loading Animation

This article describes the Loading Animation component and all of its properties.

Who can use this feature?

All Squirrel365 plans include the Loading Animation component.

For more details, see our pricing comparison matrix.

A Loading Animation component applies a visual cue to a project or application to indicate when any particular calculation or transition is occurring behind the scenes.

Select Loading Animation from the Data Visualization category of the component library. Move the mouse over the canvas and click to add a loading animation component to your project:

Loading Animation Properties

The Loading Animation properties consist of LAYOUT & POSITION, STYLING, and DYNAMIC VISIBILITY drawers. This guide will not describe the Layout & Positioning or Dynamic Visibility properties as these are generic to each visible component. Here you can find separate guides on Layout & Positioning and Dynamic Visibility

---

STYLING

These properties apply to the styling options of the Loading Animation component.

• Animation Style - expand the dropdown to select an animation style

  • Spinner

  • Dribble

  • Side-step

  • Roadway

  • Inchworm

  • Rain

  • Square Dance

  • Shuffle

  • Firework

Start from top-left: Spinner, Dribble, Side-step, Roadway, Inchworm, Rain, Square Dance, Shuffel, Firework

• Fill - a property to change the color of the loading animation component

• Opacity - a property to control the opacity of the loading animation component

• Block mouse events - check this property to disable any mouse events from triggering underneath the component when it is visible on the canvas.