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

Ai.aiAssistant.messages

configuration

The text messages displayed in the AI Assistant. Use this option to customize or localize the messages.

ai.aiAssistant.messages

Object

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [{ field: "name" }],
   dataSource: [{ name: "Jane Doe" }],
   toolbar: ["aiAssistant"],
   ai: {
     aiAssistant: {
       messages: {
         promptPlaceholder: "Ask AI about your grid data...",
         generateOutput: "Analyze",
         outputTitle: "Grid Analysis Result",
         promptView: "Ask Grid AI",
         outputView: "Analysis Results"
       }
     },
     service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
   }
});
</script>

ai.aiAssistant.messages.commandsView

String

The text of the commands view button.

Default: ""

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        commandsView: "Quick Commands"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.copyOutput

String

The text of the copy output button.

Default: "Copy"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        copyOutput: "Copy to Clipboard"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.customView

String

The text of the custom view button.

Default: "Custom View"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        customView: "Analytics Dashboard"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.generateOutput

String

The text of the generate output button.

Default: "Generate"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        generateOutput: "Create Analysis"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.outputRetryTitle

String

The title of the output card when regenerated.

Default: "Generated with AI"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        outputRetryTitle: "AI Analysis (Regenerated)"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.outputTitle

String

The title of the output card.

Default: "Generated with AI"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        outputTitle: "Grid Data Analysis"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.outputView

String

The text of the output view button.

Default: "Output"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        outputView: "Results"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.promptPlaceholder

String

The placeholder text of the textarea input.

Default: "Ask or generate content with AI"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        promptPlaceholder: "Ask AI to analyze your grid data..."
      }
    }
  }
});
</script>

ai.aiAssistant.messages.promptSuggestions

String

The text of the prompt suggestions toggle button.

Default: "Prompt Suggestions"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        promptSuggestions: "Quick Ideas"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.promptView

String

The text of the prompt view button.

Default: "Ask AI"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        promptView: "Chat with AI"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.rateNegative

String

The text of the negative rating button.

Default: ""

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        rateNegative: "Poor"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.ratePositive

String

The text of the positive rating button.

Default: ""

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        ratePositive: "Good"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.retryGeneration

String

The text of the retry generation button.

Default: "Retry"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        retryGeneration: "Try Again"
      }
    }
  }
});
</script>

ai.aiAssistant.messages.stopGeneration

String

The aria-label and title of the stop generation button.

Default: "Stop Generation"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" }
  ],
  ai: {
    aiAssistant: {
      messages: {
        stopGeneration: "Cancel Generation"
      }
    }
  }
});
</script>