ChatMessage show the time without click

1 Answer 60 Views
Conversational UI 
Matthew
Top achievements
Rank 1
Matthew asked on 06 Jan 2022, 11:26 PM | edited on 06 Jan 2022, 11:27 PM

Can a ChatMessage be set to display the time next to the message without it being clicked on?

I have created a custom chat message, but only shows the time when you click the message.

 

    const CustomChatMessage = (props: ChatMessageProps) => (
        <ChatMessage {...props} dateFormat={'t'} />
    )

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Stefan
Telerik team
answered on 07 Jan 2022, 05:57 AM

Hello, Matthew,

The message shows the time when it is selected. 

We can set all messages to appear as selected to show the time on each of them:

https://www.telerik.com/kendo-react-ui-develop/components/conversationalui/api/ChatMessageProps/#toc-selected

I made an example extending the provided code snippet:

https://stackblitz.com/edit/react-bszcnw?file=app/main.jsx

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Conversational UI 
Asked by
Matthew
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or