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

Animation

configuration

A collection of {Animation} objects, used to change default animations. A value of false will disable all animations in the widget.

animation:true is not a valid configuration.

animation

Boolean|Object

<div id="dialog"></div>
<script>
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "This is your Kendo Dialog.",
  animation: false
});
</script>

animation.close

Object

The animation that will be used when a Dialog closes.

<div id="dialog"></div>
<script>
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "This is your Kendo Dialog.",
  animation: {
    close: false
  }
});
</script>

animation.open

Object

The animation that will be used when a Dialog opens.

<div id="dialog"></div>
<script>
$("#dialog").kendoDialog({
  title: "Kendo Dialog Component",
  content: "This is your Kendo Dialog.",
  animation: {
    open: false
  },
  visible: false
});
$("#dialog").data("kendoDialog").open();
</script>

Animation

animation

animation.close

animation.open

Related Members