Create Dynamic Action

Event: Click - Button
Action: Execute JavaScript Code

const anim1 = lottie.loadAnimation({
  container: document.getElementById('MyAnimationRegion1'), // required
  path: `https://assets9.lottiefiles.com/packages/lf20_88z2psap.json`, // required
  renderer: 'svg', // required
  loop: false, // optional
  autoplay: true, // optional
});

anim1.onComplete = () => {
    document.getElementById("MyAnimationRegion1").innerHTML = "";
    const anim2 = lottie.loadAnimation({
        container: document.getElementById('MyAnimationRegion1'), // required
        path: `https://assets6.lottiefiles.com/packages/lf20_pWVo9w.json`, // required
        renderer: 'svg', // required
        loop: false, // optional
        autoplay: true, // optional
    });
};

Create Dynamic Action

Event: After Refresh - Interactive Report
Action: Execute JavaScript Code

lottie.loadAnimation({
  container: document.getElementById('MyAnimationRegion2'), // required
  path: `https://assets10.lottiefiles.com/packages/lf20_ofa3xwo7.json`, // required
  renderer: 'svg', // required
  loop: true, // optional
  autoplay: true, // optional
});

Create Dynamic Action

Event: On Page Load
Action: Execute JavaScript Code

animatedButton = lottie.loadAnimation({
  container: document.getElementById('MyAnimatedButton'), // required
  path: `https://assets6.lottiefiles.com/datafiles/d9bc9kYC2VttaKb/data.json`, // required
  renderer: 'svg', // required
  loop: false, // optional
  autoplay: false, // optional
});

animatedButton.onComplete = () => {
    animatedButton.goToAndStop(1);
};

Create Dynamic Action

Event: Click - Button
Action: Execute JavaScript Code

animatedButton.play();