Active Questions
Change the starting hour and ending hour of Scheduler?
Answered: Yes, this is possible. Please see the documentation for more details: https://doc.daypilot.org/scheduler/hiding-non-business-hours/
Event calendar scrolling on event draw/resize/move
Answered: Unfortunately, this is feature is not available in the Calendar at the moment.
Are there any plans to support accessibility WCAG 2.0/2.1 in the future?
Answered: Yes, it's in a long-term plan but it's not trivial to meet some of the requirements. The features are being added gradually. The Scheduler, for example, now includes keyboard support and the elements...
How to make event in disabled Cell clickable
Answered: You can add moveDisabled and resizeDisabled properties to the event data object. This will forbid drag operations but the onEventClick event handler will still be fired for such events:
dp.events.l...
Event creation does not work
Answered: The tutorial is now updated and it uses the following logic:
dp.onTimeRangeSelected = function (args) {
var name = prompt("New event name:", "Event")
dp.clearSelection();
if (!name) {
...
Add event listener on holiday marked cells
Answered: You can display a custom text/html using a cell bubble if you add this to the config:
var dp = new DayPilot.Scheduler("dp", {
// ...
cellBubble: new DayPilot.Bubble({
onLoad: funct...
No rendering after resizing the separator between resources and events
Answered: It should be fixed now in the latest sandbox build (2020.4.4827). Please let me know if there is any problem.
Event Calendar bug when resizing
Answered: This problem should be fixed now in the latest sandbox build (2021.1.4840): https://javascript.daypilot.org/sandbox/
possible bug on "Real-Time Drag and Drop Indicators"
Answered: This issue should be fixed now in the latest sandbox build (2021.1.4838). https://javascript.daypilot.org/sandbox/
Weird behavior on eventEndSpec set to "Date"
Answered: This issue should be fixed now in the latest sandbox build (2021.1.4831): https://javascript.daypilot.org/sandbox/ Please let me know if the problem persists.
Resize only one side of event
Answered: Yes: You need to disable resizing using eventResizeHandling="Disabled" (https://api.daypilot.org/daypilot-scheduler-eventresizehandling/) and add an active area at the end with action: "ResizeEnd". T...
Property 'makeDraggable' does not exist on type 'typeof Calendar'.
Answered: The DayPilot.Calendar.makeDraggable() method was missing in the TypeScript definitions. It's now added in the latest sandbox build (2021.1.4829). As a workaround, you can cast the DayPilot object to ...
Insert gap between multiple stacked events to ensure good user readibility
Answered: You can use eventMarginBottom property to specify the space between events: https://api.daypilot.org/daypilot-scheduler-eventmarginbottom/ Please note that in the current release, it's incorrectly ap...
Add Resources Afterwards
Answered: To add resources you need to modify the resources[] array and call update():
dp.resources.push({name: "New resource 1", id: "NR1"});
dp.resources.push({name: "New resource 2", id: "NR2"});
dp.upd...
DayPilot bubble is not working
Answered: The bubble is available in DayPilot Pro (paid version) but not in DayPilot Lite (open-source version). You can get an evaluation version of DayPilot Pro here: https://aspnet.daypilot.org/try/
DayPilot bubble is not working
Answered: For an example of <DayPilotBubble> usage please see the following demo: https://aspnet.daypilot.org/demo/Calendar/EventBubble.aspx The source code of the demo is in Demo/Calendar.EventBubble.aspx fil...
Scheduler: Cannot read property 'y' of null
Answered: This can happen if you enable keyboard access with keyboardTarget = 'document' and hit enter before focusing a grid cell. It should be fixed now in the latest sandbox build (2020.4.4821).
Diferent design for resource bubble and event bubble
Answered: I already found the problem, I changed the class name for event bubble using this: bubble: new DayPilot.Bubble({ theme: "bubble_event_main", }), Thank you.
Row selection in latest versions.
Answered: The onAfterRender event handler is not a good place to do this. It's only fired if the whole Scheduler is updated. If you want to customize the grid cell elements you should use onAfterCellRender ins...
Main rows with background color opacity less than 1 don't get covered by fixed rows
Answered: This is by design. The frozen rows are displayed on top of the main grid and if you use transparent background for the frozen row cells you'll see the underlying grid.