Timeline view create an event with different shape

Scheduler
#1

In the scheduler component in a timeline view with bars we need some way to change the shape of the event (bar) to be a diamond (for example), the event will have the same start and end by the user need to see and interact with this element.

Could be this possible?

Thanks

#2

Hello Cesar,
Unfortunately, there is no built-in option for this. However, you can try applying custom styles using the event_class template. For example, you can use the clip-path CSS property to create a diamond shape:

scheduler.templates.event_class = (start, end, ev) => "custom_diamond_event";

CSS:

.custom_diamond_event {
    justify-content: center;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

Here is an example: DHTMLX Snippet Tool