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

Animation.open

configuration

The animation played when the suggestion popup is opened.

animation.open

Object

<input id="dropdowntree"/>

<script>
$("#dropdowntree").kendoDropDownTree({
  dataSource: [{ text: "item1", value: 1 }, { text: "item2", value: 2 }],
  animation: {
   open: {
     effects: "zoom:in",
     duration: 300
   }
  }
});
</script>

animation.open.duration

Number

The duration of the open animation in milliseconds.

Default: 200

<input id="dropdowntree" />
<script>
$("#dropdowntree").kendoDropDownTree({
    dataSource: [
        { text: "Item 1", value: 1 },
        { text: "Item 2", value: 2 }
    ],
    animation: {
        open: {
            duration: 400
        }
    }
});
</script>

animation.open.effects

String

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

Complete list of available animations

<input id="dropdowntree" />
<script>
$("#dropdowntree").kendoDropDownTree({
    dataSource: [
        { text: "Item 1", value: 1 },
        { text: "Item 2", value: 2 }
    ],
    animation: {
        open: {
            effects: "zoomIn"
        }
    }
});
</script>