If I have a few events that overlap can I dynamically change the event colors while loading to show that they are overlapping? Would onEventCollision provide the event ids that overlap?
Hi,
the collision extension would allow detecting overlapping events, however it will block their editing as well. If you need only to highlight events without adding limitation on their mutual location, you can perform simple check for overlapping events and use event_class template:
css:.overlap_event, .overlap_event div{
background-color: #ae83cc !important;
color:white !important;
}
js:[code]scheduler.templates.event_class = function(start, end, ev){
var evs = scheduler.getEvents(start, end);
var overlap = false;
if(scheduler.getState().mode == "timeline"){
for(var i=0; i < evs.length; i++){
//if another event in a the same section
if(evs[i].id != ev.id && evs[i].section_id == ev.section_id){
overlap = true;
break;
}
}
}else{
//if another event in the same time span
overlap = evs.length > 1;
}
if(overlap){
return "overlap_event";
}
};[/code]
Note, that if you use units or timeline view - you need to check not only the time of event, but also the section;
docs.dhtmlx.com/scheduler/api__s … vents.html
docs.dhtmlx.com/scheduler/api__s … plate.html
docs.dhtmlx.com/scheduler/api__s … state.html