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.
- 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.Choose Element as the action, and select the element that you’d like to add the animation to.
- 3.Then choose Set Loading as the method and set the parameter loading to
true.
- 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.Similarly, select Element → your page -> your element, and Set Loading. But this time, enter
falseas the loading value.
Last modified 2mo ago