Different CellDuration for scheduler cells and header

Asked by Mauricio Farinelli
7 years ago.

Hi,

In our scheduler, we wanted to be able to resize events with 15 min accuracy, but we want to keep our header as it is, each 4 hours

I am able to do it if I override the this._prepareHeaderGroups method.

However, I'd like to know if there is a natively way to have CellDuration of 240 for our header, and 15 for our scheduler cells?

Thanks

how-to javascript

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

It's possible to insert custom segments into the time headers cells using time-based active areas.

This technique is used in the following demo to split a month into thirds:
http://javascript.daypilot.org/demo/scheduler/timeheaderactiveareas.html

dp.onBeforeTimeHeaderRender = function(args) {
  if (args.header.level === 1) {
      var point1 = args.header.start.addDays(10);
      var point2 = args.header.start.addDays(20);
      args.header.areas = [
          {start: args.header.start, end: point1, top: 0, bottom: 0, backColor: "rgba(0, 255, 0, .4)", html: "1st third"},
          {start: point1, end: point2, top: 0, bottom: 0, backColor: "rgba(255, 0, 0, .4)", html: "2nd third"},
          {start: point2, end: args.header.end, top: 0, bottom: 0, backColor: "rgba(255, 255, 255, .4)", html: "3rd third"},
      ];

      args.header.html = "";
  }
};

You can use the same technique to split a day into 4-hour blocks.

Comment posted by Mauricio Farinelli
7 years ago.

Thanks a lot.
That is what we need

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

Different CellDuration for scheduler cells and header

Products

Learn

Get Support

DayPilot Pro