Templates

The InlineAIPrompt allows you to control the appearance of the prompt suggestion and view items by using template options.

For more information on the capabilities and syntax of the templates, see the Using Client Templates article. For a runnable example, refer to the demo on customizing the templates in the InlineAIPrompt.

Response Template

The InlineAIPrompt component provides the ability to customize the appearance of the AI response that is displayed in the output card.

To customize the response appearance, handle the ResponseTemplate configuration and customize the rendering of the AI response.

Razor

    @(Html.Kendo().InlineAIPrompt()
        .Name("inlineAi")
        .ResponseTemplateHandler("responseTemplate")
        ...... //Additional configuration
    )

JS

    function responseTemplate(response) {
        return `
            <p><strong>Prompt:</strong></p>
            <p>${response.prompt}</p>
            <br/>
            <p><strong>Output:</strong></p>
            <p><strong>${response.output}</strong></p>
        `
    }

See Also

• Using the API of the InlineAIPrompt for ASP.NET MVC (Demo)
• Client-Side API of the InlineAIPrompt
• Server-Side API of the InlineAIPrompt