Skip to content

Files

Latest commit

 

History

History
42 lines (33 loc) · 1.38 KB

ai-prompt-position-latest-response-on-bottom.md

File metadata and controls

42 lines (33 loc) · 1.38 KB
title description type page_title slug tags res_type category
How to position the latest response on the the bottom in the AIPrompt
An example that showcases how to position the latest response on the bottom in the AIPrompt
how-to
Learn how to position the latest response on the bottom in the AIPrompt - Kendo UI for Vue AIPrompt
ai-prompt-position-latest-response-on-bottom
ai, aiprompt, position, response, bottom, chatgpt
kb
knowledge-base

Environment

Product Version 5.1.0
Product Progress® Kendo UI for Vue Native

Description

How can I position the latest response on the bottom of the UI similar to Chat GPT?

Solution

You can achieve this by using the push method to append the new entries to the end of the outputs array.

Runnable example

To test the following example, type some inputs and observe that the latest response will appear at the bottom, similar to Chat GPT.

{% meta id:index height:480 %} {% embed_file ai-prompt-position-latest-response-on-bottom/main.vue preview %} {% embed_file ai-prompt-position-latest-response-on-bottom/main.js %} {% endmeta %}