animationBoolean|Object
A collection of {Animation} objects that is used to change the default animations. When set to false, all animations will be disabled.
animation:trueis not a valid configuration.
Example - disabling the animation
<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({
animation: false
});
</script>animation.closeObject
The animation that will be used when a Window closes.
Example - disabling the closing animation
<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({
animation: {
close: false
}
});
</script>animation.close.effectsString
The effect that will be used when the popup closes.
Example - using only the fade-out animation when closing the Window
<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({
animation: {
close: {
effects: "fade:out"
}
}
});
</script>animation.close.durationNumber
Defines the duration of the closing animation.
Example - making the closing animation two seconds long
<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({
animation: {
close: {
duration: 2000
}
}
});
</script>animation.openObject
The animation that will be used when a Window opens.
Example - disabling the opening animation
<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({
animation: {
open: false
},
visible: false
});
$("#dialog").data("kendoWindow").open();
</script>animation.open.effectsString
The effect that will be used when the popup opens.
Example - using only the fade animation when opening the Window
<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({
animation: {
open: {
effects: "fade:in"
}
},
visible: false
});
$("#dialog").data("kendoWindow").open();
</script>animation.open.durationNumber
Defines the duration of the opening animation.
Example - making the opening animation 100 milliseconds long
<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({
animation: {
open: {
duration: 100
}
},
visible: false
});
$("#dialog").data("kendoWindow").open();
</script>In this article