Start Building Professional
Web Apps Today

dhtmlxSchedule

How to use multiple color on cevents ?

You can define your custom template which will assign css class to event,
based on any of its properties

<style type="text/css" media="screen">
 .dhx_cal_event.red_event div{
  background-color:purple !important; 
  color:white !important;
 }
 .dhx_cal_event_line.red_event{
  background-color:purple !important; 
  color:white !important;
 }
 .dhx_cal_event_clear.red_event{
  color:purple !important;
 }
</style>
calendar.init('calendar_here',null,"week");
calendar.templates.event_class=function(a,b,e){
  if (e.type=="3")
  return "red_event";
  }

e.type - is a custom property, any other event related property can be
used instead of it.