Conversational UI multiple attachment alignment

[Matej]

Hi,

It looks like attachments are always aligned to the left even if they are from the current user https://stackblitz.com/edit/react-ypqn8l?file=app/main.jsx . How to align only user attachments to the right?

[Silviya]

Hello Matej,

Please try to apply the following CSS rule: 

.k-chat .k-alt + div[class=""] {
    margin-left: auto;
}

I have updated the example to demonstrate it:

https://stackblitz.com/edit/react-ggyh4n-gzeftt?file=app%2Fmain.jsx

Best Regards,
Silviya
Progress Telerik

[Matej]

thx, any plans to add this directly to the source styles? btw attachmentLayout: "carousel" is also aligned always to the left.

[Stefan]

Hello, Matej,

Indeed, aligning the attachments based on the author sounds like a nice improvement.

We will discuss that and return to you, as changing it built-in can break the layout of the component which are already using their own logic for positioning it.

Regards,
Stefan
Progress Telerik

[Silviya]

Hi Matej,

I'm writing to follow you up on the alignment of the attachments in the Conversational UI component. After discussing the scenario with the team, we decided to log it as an enhancement and apply the needed changes to place attachments based on the user who attaches them.

You can check the issue here:

https://github.com/telerik/kendo-themes/issues/1929

As a token of gratitude, I have updated your Telerik Points. Thank you for your valuable feedback!

Best Regards,
Silviya
Progress Telerik

[Matej]

Awesome, thank you!