search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

DayPilot Pro for JavaScript 8.1 - Active Areas examples

Asked by Albert Ritmeester
5 years ago.

I am looking for examples of two new features:

  • Time-Positioned Active Areas (Scheduler)
  • Active Areas for Grid Cells (Scheduler)

I already have found the demo for Active Areas for Time Headers (Scheduler) so my question is on grid cells

Answer posted by Dan Letecky [DayPilot]
5 years ago.

You can take a look at the following demo:

It adds a green active area to the current day using onBeforeCellRender:

dp.onBeforeCellRender = function(args) {
  var today =;
  var todayEnd = today.addDays(1);

  if (DayPilot.Util.overlaps(args.cell.start, args.cell.end, today, todayEnd)) { = [{
          backColor: "green"

It uses "start" and "end" properties instead of left/right/width.

This question is more than 3 months old and has been closed. Please create a new question if you have anything to add.