Separate the component into 2

[Brad]

Can the conversationalUI component be separated into 2: an input/send component, and a conversation output component.

We have a requirement to have chat window next to a livestream with the input bar stretching below both.

If that is not possible, is it possible to have 2 conversationalUI on screen and hide the input bar on one, and hide the output stream on the other 

[Brad]

Also, is it possible to make the height of the component smaller?

[Svet]

Hi Brad,

Indeed, the requirement of splitting the Conversational UI component in two separate components isn't available as a built-in feature. However, it could be achieved by using two Conversational UI components where with the help of some custom CSS it is possible to hide the input for one of the components and the messages area for the other. Please check the following example demonstrating such approach:

https://stackblitz.com/edit/angular-qblvms?file=app/app.component.ts

The example also shows how to change the height of the Conversational UI component using CSS.

I hope the provided suggestion helps. But still the provided example is based on some custom CSS rather than on a built-in feature of Kendo UI for Angular. Thus using it should be at the developer own discretion. Please let us know in case we can provide any additional information or details on this case. Thank you.

Regards,
Svetlin
Progress Telerik

[Brad]

Great Svetlin, thanks for the advice. Will give this all a try right now.

[Svet]

Hi Brad,

Sure, take your time and feel free to write back.

Regards,
Svetlin
Progress Telerik

[Brad]

Hey Svetlin, all worked well.  my input and output had different parent elements, so had to wrap each in their own named div and used that to control the styling.  but all in all it is working well.  thanks for the tips