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

Animation.close

configuration

The animation that will be used when a Dialog closes.

animation.close

Object

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

animation.close.duration

Number

Defines the close animation duration.

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

animation.close.effects

String

Effect to be used for closing of the popup.

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