How to remove / disable transition in durandal

Question

I am looking for how to deactivate a transition for linking data bindings because this is not a nice and small mistake with my html content on chrome. Because I have a horizontal print scroll at the end of my transition and disaspear after moving the mouse. Content is in an iFrame. Thanks

Answer 1

You can turn off transitions for the layout by removing the "transition" option from the binding declaration.

Instead:

<div data-bind="router: { cacheViews: false, transition: 'entrance' }"></div> 

using:

 <div data-bind="router: { cacheViews: false }"></div> 

This example is for Durandal 2.0, although earlier versions work the same.

In the "Advanced Settings" section here is more information in the docs here .

(The transition structure is connected, so you can also write your own using the default transition example as an example.)

Answer 2

You also need to remove the second parameter in the setRoot call:

 // Was app.setRoot('viewmodels/shell', 'entrance'); // Done app.setRoot('viewmodels/shell');