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

Ai.aiAssistantWindow.animation.open

configuration

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

ai.aiAssistantWindow.animation.open

Object

<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.open.duration

Number

Defines the duration of the opening animation.

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

ai.aiAssistantWindow.animation.open.effects

String

The effect 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: {
     service: "https://demos.telerik.com/service/v2/ai/grid/smart-state",
     aiAssistantWindow: {
       animation: {
         open: {
           effects: "fadeIn"
         }
       }
     }
   }
});
</script>