Clever Geek Handbook

Backbone on the upper and lower levels

I'm new to Backbone Marionette since yesterday and was wondering if anyone at Alredy tried to implement some fancy transitions between views.

Actually, I'm trying to blur my current view before doing the next one. I do this in the onBeforeClose callback, but it doesn't work as shown in the following view before my current view completes the transition ...

Any advice?

thank

+3


source to share


2 answers


This should have entered Marionette a long time ago, but I kept putting it off ...

https://github.com/marionettejs/backbone.marionette/issues/320#issuecomment-9746319



This is the core of the code where you need to do the transition animation with the region. The code in this problem calls the direct expression "fadeout" and "fadein" on the views, but you just call view.$el.fadeIn(...)

and disappear.

I have used this several times with great success and I built it with a friend of mine who is using it in a scaled application too.

+5


source


I think this might be helpful for you.

The next puppet plugin adds 4 types of transitions. More transition types can be easily added there.

Basically instead of using yourRegion.show (view) ... you can now use yourRegion.showAnimated (view, {animationType: 'yourAnimation'});



it is very easy to use.

https://github.com/marcinkrysiak1979/marionette.showAnimated

see the github documentation for more info

0


source






More articles:


All Articles