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

ResponseTemplate

configuration

A template function for customizing the display of output content. This function is called when an output's and final content needs to be rendered.

The function receives an object with output (the output data) and prompt (the output prompt text) properties and should return HTML string.

responseTemplate

String | Function

<div id="inlineaiprompt"></div>
<script>
$("#inlineaiprompt").kendoInlineAIPrompt({
    responseTemplate: (data) => `<div class="custom-response"><strong>Prompt:</strong> ${data.prompt}<br><strong>Response:</strong> ${data.output}</div>`
});
</script>

$("#inlineaiprompt").kendoInlineAIPrompt({
       responseTemplate: function(response) {
            return `
                <p>Prompt:</p>
                <br/>
                <br/>
                <p>${response.prompt}</p>
                <br/>
                <br/>
                <p><strong>Output:</strong></p>
                <br/>
                <br/>
                <p><strong>${response.output}</strong></p>
            `
       },
})
</script>