ANIJS not working with widgets #54

Activity

1. troolee commented on Feb 2, 2015

   

   troolee

   on Feb 2, 2015

   Member

   More actions

   I will try to implement support of anijs
2. troolee

   added this to the v0.2.3 milestone on Feb 2, 2015
3. troolee

   modified the milestones: v0.2.4, v0.2.3 on Mar 4, 2015
4. kdietrich

   added

   type:enhancement

   severity:minor

   on Feb 13, 2016
5. troolee

   modified the milestones: v0.2.4, v0.2.5 on Feb 15, 2016
6. radiolips commented on Feb 20, 2016

   

   radiolips

   on Feb 20, 2016

   Member

   More actions

   @troolee Nothing special should be required to support anijs. By emitting an event for adding a widget and another for removing it, @crashnick16 should be able to get it working.
7. troolee commented on Feb 20, 2016

   

   troolee

   on Feb 20, 2016

   Member

   More actions

   it could be some issues with animations delay. Needs to be checked
8. radiolips

   added a commit that references this issue on Feb 23, 2016

   gridstack#54 - Added added and removed events.

   2abfbb3
9. radiolips commented on Feb 23, 2016

   

   radiolips

   on Feb 23, 2016

   Member

   More actions

   gridstack will now emit added and removed. I've successfully run a test. AniJS requires custom code be written for custom events, so I quickly wrote something up that worked okay:

                   AniJS.run();
                   self.gridstackNotifier = AniJS.getNotifier('gridstack');
                   $('.grid-stack').on('removed', function(event, items) {
                       self.gridstackNotifier.dispatchEvent('removed');
                   });
   

   and the data-ani-js:
   data-anijs="if: removed, do: swing animated, on: $gridstack"

   This will swing animated when a widget is removed. By changing removed to added, it'll fire on widgets added. Let me know if you need further help!
10. radiolips

    closed this as completedon Feb 23, 2016
11. troolee commented on Feb 23, 2016

    

    troolee

    on Feb 23, 2016

    Member

    More actions

    @radiolips, could you please make a note about AniJS support in README.md?
12. radiolips commented on Feb 23, 2016

    

    radiolips

    on Feb 23, 2016

    Member

    More actions

    Absolutely! I'm putting a demo together currently.
13. AK1979 commented on Mar 16, 2017

    

    AK1979

    on Mar 16, 2017

    Last edited by AK1979

    More actions

    Hi
    I'm trying to add animation when the widget is closed but the 'removed' event is fired when the widget is not on the DOM.

    Can you please attach working example of the removed animation ?

    Regards,
    Arie.