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

Animation.close

configuration

The animation that is applied when the popup is closing.

animation.close

Object

<input id="dropdownlist" />
<script>
$("#dropdownlist").kendoDropDownList({
  dataSource: ["One", "Two"],
  animation: {
   close: {
     effects: "zoom:out",
     duration: 300
   }
  }
});
</script>

animation.close.duration

Number

The duration of the close animation in milliseconds.

Default: 100

<input id="dropdownlist" />
<script>
$("#dropdownlist").kendoDropDownList({
    dataSource: ["Red", "Blue", "Green"],
    animation: {
        close: {
            duration: 500
        }
    }
});
</script>

animation.close.effects

String

The effect(s) to use when playing the close animation. Multiple effects should be separated with a space.

Complete list of available animations

<input id="dropdownlist" />
<script>
$("#dropdownlist").kendoDropDownList({
    dataSource: ["Option 1", "Option 2", "Option 3"],
    animation: {
        close: {
            effects: "zoomOut"
        }
    }
});
</script>