https://github.com/ahwelgemoed/lottie-mendix-widget

Lottie Web for Mendix Apps
https://github.com/ahwelgemoed/lottie-mendix-widget

animation mendix mendix-widget

Last synced: 7 months ago
JSON representation

Lottie Web for Mendix Apps

• Host: GitHub
• URL: https://github.com/ahwelgemoed/lottie-mendix-widget
• Owner: ahwelgemoed
• License: other
• Created: 2020-10-30T14:00:55.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2020-11-02T13:01:14.000Z (over 5 years ago)
• Last Synced: 2023-03-05T04:02:56.062Z (almost 3 years ago)
• Topics: animation, mendix, mendix-widget
• Language: TypeScript
• Homepage: https://appstore.home.mendix.com/link/app/115913/
• Size: 49.4 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Lottie Animation For Mendix




  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  


  



 


  




    Lottie Implementation for Mendix.





    Lottie is an easy way to add beautiful animations to your app. It uses JSON files exported from After Effects. 
 Read more about Lottie 

      here and see the possibilities  here



Usage

 

 
Data

 
Usage with Hosted JSON Files

    


    In this option you dont have to store the Animation JSON file locally or copy it over, you can simply provide a publicly available URL.

    

 
Usage with Attributes

    


    Here you will have to setup a entity in the domain model that stores the JSON in a String Attribute.

    

    


    You can simply open the JSON file in a Text Editor you receive from your designer and copy and save it.

    


**HERE is an example of a JSON string copied**



Controls


|                  | Type    | Info                                                                                                                     |

| ---------------- | ------- | ------------------------------------------------------------------------------------------------------------------------ |

| Loop             | boolean | Either loops the animation or not                                                                                        |

| Width and Height | number  | Set Animation Width and Height                                                                                           |

| Start Animation  | boolean | When this is selected the animation will only start once the value changes from False to True _(Non persistable object)_ |

| On Complete      | action  | When this is selected it will trigger the action once the animation is Done (WILL NOT TRIGGER ON LOOPING ANIMATIONS)     |

## Example GIF

**Example of a Microflow triggering a Manual Start**



**Example of a OnComplete triggering a Page To Open (Also A Manual Start)**



**Random Locally Stored Animations** 

## Known Issues

-   Currently not able to loop segments and then stop the Animation

## Issues, suggestions and feature requests

[Github Issues](https://github.com/ahwelgemoed/lottie-mendix-widget/issues "Github Issues")

## Development and contribution

[specify contribute]