Hi,
I am working with the Conversational UI for KendoReact.
I can see there is a width prop for that and it works till certain limit. If I want to go over '500px' for width, it is not capturing it.
Is it something that I am doing wrong?
Can you please provide me a solution for that with dojo?
Thank you.
6 Answers, 1 is accepted
Hello, Dhruven,
This is caused by a CSS rule that sets the max-width to 500px.
I can suggest overwriting this rule with CSS and the Chat can receive a larger width:
.k-chat {
max-width: none;
}
https://stackblitz.com/edit/react-qlnzju?file=index.html
I will double-check with the team responsible for themes, to see if there is a specific reason behind this CSS rule and if removing it directly from the themes is possible.
Regards,
Stefan
Progress Telerik
Thank you so much for your response.
Provided solution worked for me.
I would also like to know if there is a reason behind this rule. So, when you get an answer from the team please let me know. I will wait for your reply.
Thank you.
Hello, Dhruven,
I have logged this, so it is easier to track it:
https://github.com/telerik/kendo-themes/issues/1182
Once it is resolved the item will be updated.
Regards,
Stefan
Progress Telerik
Hello,
I have another question Conversational UI component.
I was looking into different methods into the API but I did not find any method to stop the animation for the messages.
Everytime when my component re-renders, it actually starts from the first message and scrolls it down to the last. I want to stop that and just want to drop user to the last message.
Is it possible?
Thank you.
Hello, Dhruven,
We have an enhancement logged for a similar case and it is already on a pull request:
https://github.com/telerik/kendo-react/issues/403
Please let me know if you think that this will not be helpful in this case.
Regards,
Stefan
Progress Telerik
Looks like that's the thing I am looking for.
Thank you so much for your help.