Fires after the view transition container has its k-fx-end class set. The type event data is set to either "show" or "hide". For more details on view Transitions check the layout showIn method.


<div id="app"></div>

var foo = new kendo.View("<span>Foo</span>");
/* The result can be observed in the DevTools(F12) console of the browser. */
var bar = new kendo.View("<span>Bar</span>", { transitionEnd: function() { console.log(e) }});

var layout = new kendo.Layout("<header>Header</header><section id='content'></section><footer></footer>");


layout.showIn("#content", foo);
layout.showIn("#content", bar);
In this article