We will be calling an external GenAI and would like the result to be displayed as animated, generated text like you see with Gemini or ChatGPT. Can the speed be adjusted to mimick this?
On a related note, i would like the response to animate the scroll bar as it does in the examples, but stop when the last message hits the top of the view pane if that message is longer than the pane height, so the user can start reading it and then scroll to read the rest. otherwise, they have to scroll up to read the beginning of the message.
2 Answers, 1 is accepted
Hi Gary,
I will first start with the animation question and then move to the second one.
The component is somewhat outdated, and a refresh should be coming soon. In the meantime, the developer can use the kendoChatMessageTemplate to add the desired container with animations and display it to the user while the AI generates the output. Afterwards, replace the message with the generated output, and you can animate that as well.
Basic example of such implementation - https://stackblitz.com/edit/angular-tuzbbebc
The above example uses CSS to animate the content, but you can also consider using Angular's animations.
Regarding the scroll, there isn't a public API that can control it, and the developer would need to target the div with class `.k-message-list` and programmatically control the scroll position depending on the bot or user interaction.
I hope this helps.
Regards,
Yanmario
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
.jpg)
Rank 2
Iron
Can the speed be adjusted to mimick this? On a related note, i would like the response to animate the scroll bar as it does in the examples, but ...Hello Hugging Chat,. I have studied the results of the monkey type web search for information on the "dynamic prompts" function and found only a brief ... This tutorial uses gr. Chat Interface(), which is a high-level abstraction that allows you to create your chatbot UI fast, often with a few lines of Python. Build HTML Chat UIs 50% faster with Pure Code AI. Generate custom HTML Chat UIs - use your codebase as context in VS code. the desired container with animations and display it to the user while the AI generates the output. Afterwards, replace the message with the generated output, and you can animate that as well.
Hi Nora,
I checked the website, but the type of animation is still unclear. A screen recording with details about the user action and the expected scroll behavior would help. Also, please specify the required speed, as that is not clear either.