How to customize rows or columns color in Kendo.Scheduler?

colors, customization, kendo-scheduler, kendo-ui, rows

Solution

function scheduler_dataBound(e) {
      var scheduler = $("#scheduler").data("kendoScheduler"); 
      var view = scheduler.view();
      view.table.find("td[role=gridcell]").each(function () {
      if ($(this) != null) {
         var element = $(this);
         if (element != null) {
              var slot = scheduler.slotByElement(element);
                 if (slot != null)
                     if (slot.startDate, slot.endDate, == "youre times")
                         element.addClass("youre css clas name ");
         }
     }
});

Problem

Is there a way to customize kendo.Scheduler rows and columns color? If there is, let me know how! UPDATE 1> This is the answer> ``` view.table.find("td[role='gridcell']").each(function () { if ($(this) != null) { var element = $(this); if (element != null) { var slot = scheduler.slotByElement(element); if (slot != null) { var dateSlot = slot.startDate; if ("20/09/2014 14:00"== dateSlot.toString()) element.addClass("red"); } } } }); ``` You have to add the following css too: ``` .k-scheduler .k-today.red { background: #ff6f7b; /*When the slot is today*/ } .red { background: #ff6f7b; } .k-scheduler .k-state-selected.red { /*The color when you select the slot*/ background: #4070B8; } ```

Original source