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

Messages.ai

configuration

Defines the text configurations for the ai features. Used primarily for localization.

messages.ai

Object

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [
     { field: "name" },
     { field: "age" },
     { command: "destroy" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ],
   toolbar: ["aiAssistant"],
   filterable: true,
   ai: {
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   },
   messages: {
    ai: {
      success: "Operation successful.",
      error: "Operation not successful.",
      outputPlaceholder: "Currently there is no output available"
    }
   },
   height: 550
});
</script>

messages.ai.error

String

Defines the text to be displayed for the output text for a unsuccessful operation. Used primarily for localization.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [
     { field: "name" },
     { field: "age" },
     { command: "destroy" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ],
   toolbar: ["aiAssistant"],
   filterable: true,
   ai: {
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   },
   messages: {
    ai: {
      error: "Operation is not successful."
    }
   },
   height: 550
});
</script>

messages.ai.invalidSelection

String

Defines the text to be displayed when an invalid selection is made for AI operations. Used primarily for localization.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [
     { field: "name" },
     { field: "age" },
     { command: "destroy" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ],
   toolbar: ["aiAssistant"],
   filterable: true,
   selectable: "multiple, cell",
   ai: {
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   },
   messages: {
    ai: {
      invalidSelection: "Please select valid data for this AI operation."
    }
   },
   height: 550
});
</script>

messages.ai.outputPlaceholder

String

Defines the text to be displayed for the output placeholder when there are no other outputs available. Used primarily for localization.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [
     { field: "name" },
     { field: "age" },
     { command: "destroy" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ],
   toolbar: ["aiAssistant"],
   filterable: true,
   ai: {
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   },
   messages: {
    ai: {
      outputPlaceholder: "Currently there is no output available"
    }
   },
   height: 550
});
</script>

messages.ai.promptPlaceholder

String

Defines the placeholder text displayed in the AI prompt input field. Used primarily for localization.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [
     { field: "name" },
     { field: "age" },
     { command: "destroy" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ],
   toolbar: ["aiAssistant"],
   filterable: true,
   ai: {
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   },
   messages: {
    ai: {
      promptPlaceholder: "Ask AI to help with your data..."
    }
   },
   height: 550
});
</script>

messages.ai.success

String

Defines the text to be displayed for the output text for a successful operation. Used primarily for localization.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [
     { field: "name" },
     { field: "age" },
     { command: "destroy" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ],
   toolbar: ["aiAssistant"],
   filterable: true,
   ai: {
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   },
   messages: {
    ai: {
      success: "Operation is successful."
    }
   },
   height: 550
});
</script>