1.4 KiB
1.4 KiB
| 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 %}