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

Ai.aiAssistantWindow.animation

configuration

A collection of {Animation} objects that is used to change the default animations for the AI AssistantWindow. When set to false, all animations will be disabled.

ai.aiAssistantWindow.animation

Boolean|Object

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [{ field: "name" }],
   dataSource: [{ name: "Jane Doe" }],
   toolbar: ["aiAssistant"],
   ai: {
     aiAssistantWindow: {
       animation: false
     },
     service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   }
});
</script>

ai.aiAssistantWindow.animation.close

Object

The animation that will be used when the AI AssistantWindow closes.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [{ field: "name" }],
   dataSource: [{ name: "Jane Doe" }],
   toolbar: ["aiAssistant"],
   ai: {
     aiAssistantWindow: {
       animation: {
         close: {
           effects: "fade:out",
           duration: 300
         }
       }
     },
     service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   }
});
</script>

ai.aiAssistantWindow.animation.open

Object

The animation that will be used when the AI AssistantWindow opens.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [{ field: "name" }],
   dataSource: [{ name: "Jane Doe" }],
   toolbar: ["aiAssistant"],
   ai: {
     aiAssistantWindow: {
       animation: {
         open: {
           effects: "fade:in",
           duration: 200
         }
       }
     },
     service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   }
});
</script>

Ai.aiAssistantWindow.animation

ai.aiAssistantWindow.animation

ai.aiAssistantWindow.animation.close

ai.aiAssistantWindow.animation.open

Related Members