Conversational UI: Line break in text

Hello, Zohair,

The Conversational UI will automatically display longer text into multiple lines.

If the desired result is to manually separate it like with the user hits Shift + Enter, I can suggest making a feature request for this. Currently, the Conversational UI is using an input element which allows only typing on a single line:

https://feedback.telerik.com/kendo-react-ui

Regards,
Stefan
Progress Telerik

Hello Stefan,

Thanks. I was asking about the answer that we get from the Chatbot, not the text that is typed by the user.

For example, If the chatbot wants to display 3 different addresses in 3 different lines. Is there some way it can be done ? 

Best Regards,

Zohair

Hello,  Zohair,

Thank you for the clarification.

Currently, this can be done by separating this is three different messages:

https://stackblitz.com/edit/react-yskkz8?file=app/main.js

If this is not an option please let us know.

Regards,
Stefan
Progress Telerik

Hello Stephan,

Thanks. Luckily, I knew that already. So for this to happen the bot must send 3 separate messages. 

I thought may be there was some other neat method for this. 

Regards,

Zohair

Hello, Zohair,

After more research I was able to achieve it with templates and the markdown parser:

https://www.telerik.com/kendo-react-ui/components/conversationalui/message-templates/#toc-displaying-markdown-content

This is an example:

https://stackblitz.com/edit/react-5wjsg5?file=app/main.js

I hope this approach will be more suitable.

Regards,
Stefan
Progress Telerik

Hi,

Yes. Great and thanks alot.

Best,

Zohair