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

Ai.aiAssistantWindow.animation.close

configuration

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

ai.aiAssistantWindow.animation.close

Object

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

Number

Defines the duration of the closing 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: {
         close: {
           duration: 300
         }
       }
     }
   }
});
</script>

ai.aiAssistantWindow.animation.close.effects

String

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