Styling titlebar of kendo-dialog dynamically

[EGrop]

Hi, I have the following question about styling the titlebar of the kendo-dialog (stackoverflow link):

https://stackoverflow.com/questions/51306813/how-to-css-style-kendoui-dialog-titlebar-in-2-different-ways-when-opening-from-t

Thank you very much for your time.

[Dimiter Madjarov]

Hello,

In order to create the Dialog component dynamically, we use the createComponent method of ViewContainerRef.

https://angular.io/api/core/ViewContainerRef

This method appends the newly created component after the specified container and not inside it. This is the reason why the first approach you have tried didn't work. However I would suggest to wrap the Dialog container in a div with the according CSS class and style the title-bar accordingly.
E.g.

<div class='myClass'>
  <div kendoDialogContainer></div>
</div>

.myClass kendo-dialog-titlebar {
 ...
}

I hope this information helps. Have a great day!

Regards,
Dimiter Madjarov
Progress Telerik