Active Questions

Answered: This event is called once for every cell. Therefore the implementation should be as fast as possible. You should avoid making database calls from there. Instead, load the required data in advance and...

Answered: The custom CSS class will be applied to all cells. The cells that belong to a parent resource may have additional CSS applied that affect the appearance. Make sure that your CSS overrides that. The b...

Answered: This needs to be done on the server side. DayPilot focuses on the UI and it doesn't include support for sending emails.

Answered: If you need a simple bar with a specified color then you can use an active area: https://doc.daypilot.org/scheduler/event-active-areas/ You can also change the position of the duration bar by modifyi...

Answered: After a night sleeping on the issue, found the solution. DayPilot registers the module in angular using angular.module("daypilot",[]) so in order to register one needs to use the 'daypilot' module na...

Answered: Take a look at this tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events

Answered: If you use the default .useEventBoxes value the events will be aligned with the grid cells: dp.useEventBoxes = "Always"; See also: https://doc.daypilot.org/scheduler/exact-event-duration/

Answered: Have you replaced x.y.zzzz with the actual version number? Example for the latest release: https://npm.daypilot.org/daypilot-pro-angular/your-api-key/8.3.2864.tar.gz You can also get a link to a spec...

Answered: You need to turn the features off one by one: dp.eventMoveHandling = "Disabled"; dp.eventResizeHandling = "Disabled"; dp.timeRangeSelectedHandling = "Disabled"; See also the following tutorial on mak...

Answered: If you import DayPilotModule in your own module like this: @NgModule({ imports: [ // ... DayPilotModule ], // ... }) export class SchedulerModule { } You'll be able to import the "DayPilot" namespace...

Answered: You can move all events if you set multiMoveVerticalMode property to "All": dp.multiMoveVerticalMode = "All"; The documentation is now updated.

Answered: At this moment it's not possible but we are checking if there is a way to exclude parts of the js file that are not needed. A quick stats FYI: The Scheduler itself (without helper classes like Menu, ...

Answered: It's now possible to use fixed column width (since build 8.4.2890). See the sandbox: https://javascript.daypilot.org/sandbox/kanban/columnfixedwidth.html You can switch to fixed width like this: dp.c...

Answered: You can use an active area ( https://doc.daypilot.org/scheduler/event-active-areas/ ) to place a custom rectangle the the specified position. Like this: e.Areas.Add(new Area().Bottom(0).Left(0).Width...

Answered: The best way to target the DOM elements would be using the internal CSS classes (derived from the theme name) that are applied to the Scheduler: https://kb.daypilot.org/62119/list-of-css-classes-used...

Answered: This should be already fixed since build 2886. See the sandbox: https://javascript.daypilot.org/sandbox/ Let me know if the problem persists. And thanks for reporting the issue.