DayPilot.Scheduler.cellsMarkBusiness

The cellsMarkBusiness property (boolean) determines whether business grid cells use the *_cell_business CSS class (scheduler_default_cell_business in the default theme).

Declaration

DayPilot.Scheduler.cellsMarkBusiness

Default Value

true

Notes

When enabled, business cells use the *_cell_business CSS class variant. When disabled, all grid cells use the standard cell styling. You can use this property to apply a different color or other styling to business and non-business areas of the Scheduler grid.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  cellsMarkBusiness: false,
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  cellsMarkBusiness: false,
  // ...
};

React

<DayPilotScheduler
  cellsMarkBusiness={false}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :cellsMarkBusiness="false"
  <!-- ... -->
/>

See Also

DayPilot.Scheduler Class