I’m trying to manipulate the CSS for the events by changing the background color. Is there any way to add an attribute to the DOM element of each event on the scheduler? Essentially, I want to be able to add an angular attribute which interpolates a scope variable from my controller (e.g. something like id=“event_background-{{event.color}}”.
Hi,
unfortunately no.
DOM elements are generated by the component and can be deleted/refreshed dynamically, so you can’t bind to a particular dom element.
There are two built-in ways for managing colors of events - either via css template functions or by properties of the data objects:
docs.dhtmlx.com/scheduler/custom … color.html