Cell Customization

You can use the onBeforeCellRender event to customize cell properties:

• HTML

• Header HTML

• Background color

• CSS class

• Business status

JavaScript

See also

• DayPilot.Month.onBeforeCellRender

Example

onBeforeCellRender: (args) => {
  args.cell.properties.html = "text";
  if (args.cell.start.getDay() === 1) {  // first day of month
      args.cell.properties.backColor = "red";
  }
  args.cell.properties.headerHtml = args.cell.start.toString("d. MMMM");  // customize the day cell header
};

protected void DayPilotMonth1_BeforeCellRender(object sender, DayPilot.Web.Ui.Events.Month.BeforeCellRenderEventArgs e)
{
  e.CssClass = Week.WeekNrISO8601(e.Start)%2 == 0 ? "even" : "odd";
}

protected override void OnBeforeCellRender(BeforeCellRenderArgs e)
{
  e.CssClass = Week.WeekNrISO8601(e.Start)%2 == 0 ? "even" : "odd";
}