Hello,
I am kind of stuck trying to get my events to respect the cls properties i try to pass to them. I have the following setup, trying to follow your guides.
Scheduler:
this.scheduler = new Scheduler({
readOnly: true,
appendTo: this.schedulerRef.nativeElement,
eventRenderer: this.scheduleCtrl.eventRenderer,
viewPreset: 'weekAndMonth',
fillTicks: false,
weekStartDay: 1,
autoAdjustTimeAxis: false,
startDate: new Date(),
rowHeight: 35,
barMargin: 3,
forceFit: false,
workingTime: { fromDay: 1, toDay: 6 },
columns: [
{
type: 'tree',
tree: true,
text: this.translationService.getTranslation('schedules.locations'),
field: 'name',
width: 200
}
],
features: {
tree: true,
stripe: false,
nonWorkingTime: true,
eventResize: {
showExactResizePosition: true
},
timeRanges: {
showCurrentTimeLine: true
}
},
maxZoomLevel: 14,
minZoomLevel: 3
});
// I later pass these to the scheduler
this.scheduler.eventStore.data = this.events;
this.scheduler.resourceStore.data = this.resources;
CSS:
.b-sch-event.test {
border-radius: 30px;
font-size: 14px;
text-transform: uppercase;
padding: 0;
}
The following pictures show the event data available and the html showing that is finds the "test" cls property
Do you have any suggestions as to why I cannot overwrite the properties of the events with this "test"?
(I use eventrenderer to do the basic formatting, which works fine. But wanted cls property to add specific styling to the individual event - like Highlights (tried your example which is where I started to spot this being a problem for me))