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
Rank 1
Veteran
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
Rank 1
Veteran
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
Rank 1
Veteran
Looks like that's the thing I am looking for.
Thank you so much for your help.