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>
In this article
Not finding the help you need? Improve this article