toolbar.animation Boolean|Object

Configures the toggle animation of the toolbar. If disabled, an animation will not be played.

Example

<div id="chat"></div>
<script>
$("#chat").kendoChat({
    toolbar: {
        animation: false,
        buttons: [
            { name: "ButtonA", iconClass: "k-icon k-i-gear" },
            { name: "ButtonA", iconClass: "k-icon k-i-gear" }
        ]
    }
});
</script>

Example

<div id="chat"></div>
<script>
$("#chat").kendoChat({
    toolbar: {
        animation: {
            collapse: {
                effects: "expandVertical fadeIn",
                duration: 500
            },
            expand: {
                effects: "expandVertical fadeIn",
                duration: 500
            }
        },
        toggleable: true,
        buttons: [
            { name: "ButtonA", iconClass: "k-icon k-i-gear" },
            { name: "ButtonA", iconClass: "k-icon k-i-gear" }
        ]
    }
});
</script>
In this article