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?
5 Answers, 1 is accepted
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
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/.
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
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/.
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
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/.