kendo timeline - style / colour for different events

1 Answer 10 Views
Styling
Richard
Top achievements
Rank 1
Iron
Richard asked on 21 Jun 2024, 04:13 PM | edited on 21 Jun 2024, 04:13 PM

Is there a way to style the different events for the kendo-timeline component, including the timeline-circle so that different types of event can be easily distinguished by the user?

At the moment the best I can do is set an ngClass for the kendoTimelineCardHeaderTemplate.... but it doesn't look great! I also cant see a way to set the timeline circle by an event "type"

 

1 Answer, 1 is accepted

Sort by
0
Yanmario
Telerik team
answered on 26 Jun 2024, 06:53 AM

Hi Richard,

There isn't a specific API that will allow to set the color of each timeline card as the component is fairly new. Feel free to open a feature request for such API that might be similar to the Grid rowClass function.

What can be done in the meantime is to get all the needed elements and add styles to in your component logic.

Example of such implementation:

https://stackblitz.com/edit/angular-xra1wu

I hope this helps.

Regards,
Yanmario
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Tags
Styling
Asked by
Richard
Top achievements
Rank 1
Iron
Answers by
Yanmario
Telerik team
Share this question
or