Is there any way to customize the user icon of kendo conversational ui?

[work]

I am using the kendo conversational ui to create the chat feature of my application.

I am mainly using this code from this article - https://www.telerik.com/kendo-angular-ui/components/conversational-ui

I am able to use the user icon and assign a image to it by accessing the user interface through my component file-

' readonly externalUser: User = {
id: 0,
name: 'Bot',
avatarUrl:
urlForImage,
}; '

The user icon is displayed automatically through the kendo chat decorator in the html file, hence I am unable to find a way to make any changes other to it. I need to find a way to make the user icon clickable so that I am able to show the user's profile popup with info like email id, address, contact number etc through it. Any help is appreciated.

[Dimiter Topalov]

Hello,

The desired functionality can be achieved through a custom implementation, based on handling the click event on the whole Conversational UI component, and filtering the target by the "k-avatar" class to ensure only clicks on the avatar image are handled.

Then the developer can provide the desired custom logic in the event handler. The following example demonstrates this approach:

https://stackblitz.com/edit/angular-qvnaog?file=src%2Fapp%2Fapp.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik