How to set a different color for each event in Blazor Scheduler Timeline view?

Question

I'm developing a real time Scheduler, and each Event object has a property that indicates if the execution time was bad (red), average (orange), or good (green), so every Event should render its corresponding color. But I don't know how to do that, right now I'm using the EventTemplate component with a custom CSS class that should override the background-color property of the .e-appointment class, but it's not working.

How can I set a color for each Event according to its property? thanks

netotz · Answer

I was able to solve it following this thread and its example code, thanks

Nevitha Ravi · Answer

Hi Netotz, 

Greetings from Syncfusion Support. 

We are glad that you have found the solution to change the background color of the appointment, please let us know if you need any further assistance. 

Regards, 
Nevitha