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

Animation

configuration

Configures the opening and closing animations of the suggestion popup. Setting the animation option to false will disable the opening and closing animations. As a result the suggestion popup will open and close instantly.

animation:true is not a valid configuration.

animation

Boolean|Object

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
</select>
<script>
$("#multiselect").kendoMultiSelect({
  animation: false
});
</script>

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
</select>
<script>
$("#multiselect").kendoMultiSelect({
  animation: {
   close: {
     effects: "fadeOut zoom:out",
     duration: 300
   },
   open: {
     effects: "fadeIn zoom:in",
     duration: 300
   }
  }
});
</script>

animation.close

Object

The animation configuration for closing the suggestion popup. This object can contain properties such as effects and duration that define how the popup will close when it becomes hidden. The close animation is played when the user selects an item, clicks outside the widget, or when the popup is programmatically closed.

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
</select>
<script>
$("#multiselect").kendoMultiSelect({
  animation: {
   close: {
     effects: "zoom:out",
     duration: 300
   }
  }
});
</script>

animation.open

Object

The animation played when the suggestion popup is opened.

<select id="multiselect" multiple="multiple">
    <option>Item1</option>
    <option>Item2</option>
</select>
<script>
$("#multiselect").kendoMultiSelect({
  animation: {
   open: {
     effects: "zoom:in",
     duration: 300
   }
  }
});
</script>

Animation

animation

animation.close

animation.open

Related Members