Set loading animations

You’ll be able to set up loading animations on elements when they are being updated. For example, if you filter your table, the loading animation will appear as the table is being updated.
You’ll need two interactions to set this up. One to start the animation when an event occurs, and one to stop the animation.

Start animation

  1. 1.
    To start the animation, add an interaction on the element that will trigger it. This example will start a loading animation on a table when a row is clicked.
  2. 2.
    Choose Element as the action, and select the element that you’d like to add the animation to.
  3. 3.
    Then choose Set Loading as the method and set the parameter loading to true.

Stop animation

  1. 1.
    To stop the animation, add an event to set loading to false. Select an event to trigger the animation to stop. In this example, the Event is a data update on the data node named revenue_sample. Once the node is finished updating, the loading will stop.
  2. 2.
    Similarly, select Element → your page -> your element, and Set Loading. But this time, enter false as the loading value.