Outsystems - Dynamic Screen Change with auto rotate

Outsystems - Dynamic Screen Change with auto rotate

  

I want to achieve below animation for displaying different product designs. Also find attached image reference.

http://species-in-pieces.com/#


Is it possible to achieve make n brake of products with animation in Outsystems. 


Hi Nihal,

That animation is mostly CSS (very clever CSS...) so it should be possible to do it in OutSystems. But not out of the box. You will have to do it yourself.

Cheers,

José

PS: What has the content of the post to do with its title?

Hi Nihal,


I am agree with Jose, this is possible in OS.


Thanks,

Rajat Agrawal

Hi Nihal,

As Rajat & Jose told it is possible in outsystems, you have to write your own css to achive it.


Regards

-SK-


Nihal Shaikh wrote:

I want to achieve below animation for displaying different product designs. Also find attached image reference.

http://species-in-pieces.com/#


Is it possible to achieve make n brake of products with animation in Outsystems. 



Hi Nihal,

If your question is outsystems have default animation like this.

Answer-No.

As all mentioned, wherever animation you can create with CSS or CSS3 you can easily integrate into Outsystems.


Regards,

Pankaj Pant


Pankaj pant wrote: Hi Pankaj, Thanks for your reply. Do u have any reference links for same?

Nihal Shaikh wrote:

I want to achieve below animation for displaying different product designs. Also find attached image reference.

http://species-in-pieces.com/#


Is it possible to achieve make n brake of products with animation in Outsystems. 



Hi Nihal,

If your question is outsystems have default animation like this.

Answer-No.

As all mentioned, wherever animation you can create with CSS or CSS3 you can easily integrate into Outsystems.


Regards,

Pankaj Pant




Hi Nihal,

If you have CSS code for animation then only  I can help you to implement that thing in out systems.


A few days back I have created animation for 404 pages in ouT systems you can also refer to those pages how I have used animation there.

Link-https://www.outsystems.com/forge/component/4319/404-pages/?Unfollow=False

https://pankajpant824.outsystemscloud.com/pages/Template1.aspx?(Not.Licensed.For.Production)=

https://pankajpant824.outsystemscloud.com/pages/Template2.aspx?(Not.Licensed.For.Production)=

Regards,

Pankaj Pant


Hi Nihal,

There is a project called Lottie, that uses JSON files containing your animation. You could use Adobe After Effects animations exported as JSON with Bodymovin.  

There is an implementation on mobile plugin. I didn´t find a web implementation yet, but I guess this is not so hard to do.  See the examples here:

https://www.lottiefiles.com/

https://www.outsystems.com/forge/component-discussions/2914/Lottie+Animations

https://henrique-batista.outsystemscloud.com/PreviewInDevices/?IsMobilePreview=True&DeviceName=Smartphone&URL=/LottieSample/HomeScreen


EDIT 1: Web documentation   |  http://airbnb.io/lottie/web/web.html


Cheers

Fabio