New to Kendo UI for jQueryStart a free 30-day trial

Messages

configuration

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

messages

Object
<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        promptView: "Ask AI Assistant",
        outputView: "AI Response",
        generateOutput: "Generate Response"
    }
});
</script>

The text of the commands view button in the ToolBar.

Default: ""

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        commandsView: "Commands"
    }
});
</script>

The text of the copy output button in the output element.

Default: "Copy"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        copyOutput: "Copy to Clipboard"
    }
});
</script>

The text of the custom view button in the ToolBar.

Default: "Custom View"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        customView: "Custom"
    }
});
</script>

The text of the generate output button in the prompt view footer.

Default: "Generate"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        generateOutput: "Generate AI Response"
    }
});
</script>

The title of the output card when the output is generated after clicking the retry button of an output.

Default: "Generated with AI"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        outputRetryTitle: "Regenerated Content"
    }
});
</script>

The title of the output card when the output is generated.

Default: "Generated with AI"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        outputTitle: "AI Generated Content"
    }
});
</script>

The text of the output view button in the ToolBar.

Default: "Output"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        outputView: "AI Output"
    }
});
</script>

The placeholder text of the textarea input of the prompt view.

Default: "Ask or generate content with AI"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        promptPlaceholder: "Enter your question or request..."
    }
});
</script>

The text of the prompt suggestions toggle button in the prompt view.

Default: "Prompt Suggestions"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        promptSuggestions: "Quick Prompts"
    }
});
</script>

The text of the prompt view button in the ToolBar.

Default: "Ask AI"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        promptView: "Chat with AI"
    }
});
</script>

The text of the negative rating button in the output card.

Default: ""

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        rateNegative: "Poor response"
    }
});
</script>

The text of the positive rating button in the output card.

Default: ""

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        ratePositive: "Good response"
    }
});
</script>

The text of the retry generation button in the output card.

Default: "Retry"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        retryGeneration: "Try Again"
    }
});
</script>

The aria-label and title of the stop generation button that appears during streaming operations.

Default: "Stop Generation"

<div id="aiprompt"></div>
<script>
$("#aiprompt").kendoAIPrompt({
    messages: {
        stopGeneration: "Stop AI Generation"
    }
});
</script>