Picture of Jonathan Briggs
Re: adapt-lottie (bodymovin)
by Jonathan Briggs - Monday, 11 November 2019, 5:48 PM
 

Yes I largely figured as much (and tweaked the fw myself to check). It's an interesting thing simply because article backgrounds have always been an 'issue' in pixel form, never quite working properly because of limitations on re-sizing, general behaviour, scroll and data weight. But the notion of nicely handled and natively re-sizing SVG animated backgrounds would be immensely effective in a course. The work you've done already is very, very useful – I'd just like to be able to layer stuff on top, and don't have the knowledge to do it. Many thanks, Jonathan

Picture of Jonathan Briggs
Re: adapt-lottie (bodymovin)
by Jonathan Briggs - Tuesday, 19 November 2019, 11:01 AM
 

Just an update on use – it's easy to implement this as say a left-hand component but break it out of the component container with some CSS like this:

.viewportwidth {
.lottie-container {
width: 100vw;
position: relative;
margin-left: -20vw;
margin-top: -20vh;
margin-bottom: -20vh;
left: 20%;
}
}

and add a right-hand component that will then sit on top. So actually pretty much everything I wanted to achieve and it's useful in fact to have the animated element separated from an article background.

Jonathan

Picture of Jer Brand
Re: adapt-lottie (bodymovin)
by Jer Brand - Tuesday, 26 November 2019, 6:00 PM
 

That's a pretty inventive solution. Glad it worked out for you.

I've got a few hours to play with this. Did you test this out on 2.4? If it all works, I'll just change the bower.json to reflect the version. 

I'll add the inview setup and an (optional) play/pause control today. Any thing else I'm missing?

Picture of Jonathan Briggs
Re: adapt-lottie (bodymovin)
by Jonathan Briggs - Tuesday, 26 November 2019, 8:00 PM
 

Yes, all good on 2.4. Sounds like that covers it.

Cheers,

Jonathan

Picture of Jer Brand
Re: adapt-lottie (bodymovin)
by Jer Brand - Tuesday, 26 November 2019, 9:19 PM
 

That's great. I've put in a pull request to update Dan's original plugin. Hopefully there's nothing broke'd in my updates.

Thanks for the assist -- and for the excuse for me to stop putting this plugin off. :-)

Picture of Oliver Foster
Re: adapt-lottie (bodymovin)
by Oliver Foster - Wednesday, 27 November 2019, 5:18 PM
 

A couple of suggestions for play config:

* Play/complete once only (either with button or on autoplay)

* Pause offscreen (when started by button or autoplay)

* Replay onscreen (when autoplay)

 

Picture of Marissa Preciado
Re: adapt-lottie (bodymovin)
by Marissa Preciado - Wednesday, 11 March 2020, 10:47 PM
 

Hello,

Thanks for this plugin. It's been a lot of help. I'm using version 2.4 of the framework and for the first time I've added in body text to the component. This has caused an error with the js (setInviewCompletion). I'm guessing this is an issue with the framework version? Is there anyway I can adjust this to work with version 2.4?

Thanks.

Picture of Matt Leathes
Re: adapt-lottie (bodymovin)
by Matt Leathes - Thursday, 12 March 2020, 11:08 AM
 

Depends how you want to handle completion for this component... if you're not too bothered I'd just replace this.setupInview(); with this.setCompletionStatus();

If you want to do it properly have a look at how the old version of the graphic component handled 'inview' completion.

Picture of Jer Brand
Re: adapt-lottie (bodymovin)
by Jer Brand - Thursday, 12 March 2020, 5:53 PM
 

Matt created an issue for this over on GitHub. I'll see what I can do about fixing the bug with 2.4 -- it may take me more than a day or two. Kinda slammed at the moment.  Here's the issue if you want to keep up on GitHub: https://github.com/aut0poietic/adapt-lottie/issues/1

 

Picture of Oliver Foster
Re: adapt-lottie (bodymovin)
by Oliver Foster - Friday, 13 March 2020, 7:15 PM
 

Lovely. Thank you. :+1:

Picture of Caleb Foster
Re: adapt-lottie (bodymovin)
by Caleb Foster - Monday, 31 August 2020, 4:15 PM
 

Does anyone know if theres a way to add json/lottie links in to other components such as Hotgrid popoup?