animation Object
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.
Example - disable open and close animations
<input id="multicolumncombobox" />
<script>
$("#multicolumncombobox").kendoMultiColumnComboBox({
animation: false,
dataTextField: "text",
dataValueField: "value",
dataSource: [
{ text: "Apples", value: "1" },
{ text: "Oranges", value: "2" }
],
columns: [
{ field: "text", title: "Text" },
{ field: "value", title: "Value" }
]
});
</script>
Example - configure the animation
<input id="multicolumncombobox" />
<script>
$("#multicolumncombobox").kendoMultiColumnComboBox({
animation: {
close: {
effects: "fadeOut zoom:out",
duration: 300
},
open: {
effects: "fadeIn zoom:in",
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>