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

Ai.aiAssistantWindow.modal

configuration

Specifies whether the AI AssistantWindow will display a modal overlay over the page.

ai.aiAssistantWindow.modal

Boolean|Object

Default: false

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

ai.aiAssistantWindow.modal.preventScroll

Boolean

Specifies whether the document will stop scrolling when the modal AI AssistantWindow is opened.

Default: false

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