On the client side, you can export the Scheduler in one of the following formats:

The exported image can also be immediately printed (using the standard browser print dialog) after export. The printing is supported for all formats but you should use SVG for the best results.

The image rendered during the export is not created using HTML (which is used for rendering the Scheduler in the browser). That results in some limitations:

  • The maximum size of JPEG and PNG images is limited by the browser (you may not be able to render Scheduler view with a long timeline using a single export).
  • Custom HTML is not supported (inside events, row headers, time headers).

The Scheduler tries to read the actual CSS styles but it sometimes it will not be able to detect it. In such cases, you can adjust the appearance using the customization events (e.g. onBeforeEventExport, see below).

HTML Support

If you customize the HTML using onBefore*Render events you will see the HTML in the exported image as plain text.

At this moment, the export only supports plain text that includes line breaks. You can use the customization event handlers (see below) to supply alternative text.

Read more about HTML export support in the following tutorial:

Cell Customization during Export

DayPilot.Scheduler.onBeforeCellExport lets you customize the appearance of the grid cell. The following properties are available:

  • args.text
  • args.horizontalAlignment
  • args.backColor

Event Customization during Export

DayPilot.Scheduler.onBeforeEventExport lets you customize the following properties:

  • args.text
  • args.fontSize
  • args.fontFamily
  • args.fontStyle
  • args.fontColor
  • args.backColor
  • args.borderColor
  • args.horizontalAlignment
  • args.barHeight

Example that uses custom event text during export:

dp.onBeforeEventExport = function(args) {
  args.text = args.e.text() + "\n" + args.e.start().toString("M/d/yyyy");
};

Row Header Customization during Export

You can use DayPilot.Scheduler.onBeforeRowHeaderExport to customize the following properties:

  • args.text
  • args.backColor
  • args.fontSize
  • args.fontFamily
  • args.fontStyle
  • args.fontColor
  • args.borderColor
  • args.horizontalAlignment

Time Header Customization during Export

You can use DayPilot.Scheduler.onBeforeTimeHeaderExport to customize the following properties:

  • args.text
  • args.backColor (since 8.3.2737)