DayPilot.Scheduler.eventContainersVisible

The eventContainersVisible property (boolean) displays outlines around Scheduler event containers.

Available since 2026.3.7042.

Declaration

DayPilot.Scheduler.eventContainersVisible

Default Value

false

Notes

The outline encloses events with the same container value in the same resource row. Set container on DayPilot.Event.data.
Works with single-line containers and with eventContainersMultiLineEnabled. Showing an outline does not change event placement.
The default theme draws a dashed border using scheduler_default_event_container. Custom themes use the corresponding <theme>_event_container class.
Outlines are decorative: mouse actions pass through them to events and the grid. They do not provide a handle for moving or resizing an entire container.
Use eventContainersLayer to place the outlines above or below events. Outlines are not included in image exports.
Cannot be combined with DayPilot.Scheduler.groupConcurrentEvents.

Examples

JavaScript

This example assumes that the DayPilot library is loaded and a <div id="dp"></div> element is available.

const dp = new DayPilot.Scheduler("dp", {
  startDate: "2026-09-01",
  days: 1,
  scale: "Hour",
  eventContainersVisible: true,
  resources: [{id: "R", name: "Resource"}],
  events: [
    {
      id: 1,
      text: "Preparation",
      resource: "R",
      container: "job-1",
      start: "2026-09-01T09:00:00",
      end: "2026-09-01T11:00:00"
    },
    {
      id: 2,
      text: "Assembly",
      resource: "R",
      container: "job-1",
      start: "2026-09-01T10:00:00",
      end: "2026-09-01T12:00:00"
    }
  ]
});
dp.init();

The following framework excerpts show the relevant options. Supply resources and event data as in the JavaScript example.

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>

config: DayPilot.SchedulerConfig = {
  eventContainersVisible: true,
};

React

<DayPilotScheduler eventContainersVisible={true} />

Vue

<DayPilotScheduler :eventContainersVisible="true" />

Availability

Availability of this API item in DayPilot editions:

Product	Lite	Pro
DayPilot for JavaScript