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

Animation.close

configuration

The animation played when the suggestion popup is closed. Configures the closing animation effects, duration, and other animation-related settings. By default, the popup closes with a simple fade-out effect. You can customize this behavior by specifying different effects and duration values.

animation.close

Object

<input id="multicolumncombobox" />
<script>
$("#multicolumncombobox").kendoMultiColumnComboBox({
  animation: {
   close: {
     effects: "zoom:out",
     duration: 300
   }
  },
  dataTextField: "text",
  dataValueField: "value",
  dataSource: [
      { text: "Apples", value: "1" },
      { text: "Oranges", value: "2" }
  ],
  columns: [
      { field: "text", title: "Text" },
      { field: "value", title: "Value" }
  ]
});
</script>

animation.close.duration

Number

The duration of the close animation in milliseconds.

Default: 100

<input id="multicolumncombobox" />
<script>
$("#multicolumncombobox").kendoMultiColumnComboBox({
    animation: {
        close: {
            duration: 500
        }
    },
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [
        { text: "Apples", value: "1" },
        { text: "Oranges", value: "2" }
    ],
    columns: [
        { field: "text", title: "Text" },
        { field: "value", title: "Value" }
    ]
});
</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="multicolumncombobox" />
<script>
$("#multicolumncombobox").kendoMultiColumnComboBox({
    animation: {
        close: {
            effects: "fadeOut slideUp"
        }
    },
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [
        { text: "Apples", value: "1" },
        { text: "Oranges", value: "2" }
    ],
    columns: [
        { field: "text", title: "Text" },
        { field: "value", title: "Value" }
    ]
});
</script>