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

Ai.aiAssistantWindow.draggable

configuration

Enables (true) or disables (false) the dragging of the AI AssistantWindow.

ai.aiAssistantWindow.draggable

Object|Boolean

Default: true

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

ai.aiAssistantWindow.draggable.containment

String|Element|jQuery

Defines the element in which the AI AssistantWindow will be able to move.

Default: ""

<div id="container" style="position: relative; height: 600px; border: 1px solid #ccc;">
  <div id="grid"></div>
</div>
<script>
$("#grid").kendoGrid({
   columns: [{ field: "name" }],
   dataSource: [{ name: "Jane Doe" }],
   toolbar: ["aiAssistant"],
   ai: {
     aiAssistantWindow: {
       draggable: {
         containment: "#container"
       }
     },
     service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   }
});
</script>