I am currently working on a project that requires a React component with advanced chat bot functionality, and I would appreciate your guidance on how to implement it. The component should have the following capabilities:
- Initially display as a small icon.
- When the small icon is clicked, it should open a small chat window at the bottom corner of the screen.
- The small chat window should have the capability to be moved anywhere on the screen.
- The window should be able to expand to full screen by clicking a small icon on the chat box.
- The window should be able to open in a new tab or new browser window.
- Each message in the chat box should be able to be copied to the clipboard, and the alignment format of the messages should be changeable.
Thank you for your time and assistance.
1 Answer, 1 is accepted
Hi, Sharun,
Thank you for the provided pictures. I tested BotPenguin to fully understand the required behavior.
The AIPrompt is a relatively new component, and its current functionality does not support the listed advanced features. I explored the possibility of achieving the desired behavior through customization, but the AIPrompt does not yet offer such extensive customization options.
The only scenario that I was able to achieve is to stretch the AIPrompt to fullscreen is with a button component that changes the "width" and "height" of the AiPrompt via it's style prop:
I can recommend submitting a feature request in our feedback portal for the needed functionality in our feedback portal, where new ideas are constantly being evaluated and the most popular ones are implemented:
Please let me know in case further questions on this matter arise.
Regards,
Filip
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.