New to Kendo UI for jQuery? Start a free 30-day trial

TransitionStart

events

Fires when the view transition starts. The type event data is set to either "show" or "hide". For more details on view Transitions check the layout showIn method.

transitionStart

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

<script>
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>", { transitionStart: function() { console.log(e) }});

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

layout.render($("#app"));

layout.showIn("#content", foo);
layout.showIn("#content", bar);
</script>