Questions Tagged
Daypilot Scheduler Angular throws error cannot read property 'clientWidth' of null
Answered: Unfortunately, I'm not able to reproduce the problem. Could you please send a sample project that reproduces the issue to support@daypilot.org? You can generate a blank project at https://builder.day...
Uncaught RangeError: Maximum call stack size exceeded for versions after 4481
Answered: This indicates an infinite loop and it might be caused by an event handler or another method calling itself recursively. You might be able to find the problem by checking the stack trace. Please let ...
Bug with scrolling resources on mobile devices
Answered: This has been intentionally disabled in 2019.4.4089 (https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-4-4089/). iOS 13+ introduced some changes in onscroll handling which broke the sy...
How to stop scheduler overspilling parent when have an expanding header
Answered: The changes of the parent height are not watched dynamically. It's only recalculated if the window is resized. You can invoke a manual recalculation by calling show() after the header height is chang...
Hebrew calendar - from right to left
Answered: Yes, this is possible: https://aspnet.daypilot.org/demo/Calendar/RTL.aspx
I don't understand which methods of the Pro version I can use for free
Answered: Don't worry. I have found the answer here: https://javascript.daypilot.org/feature-matrix/ Thanks
Scrolling on event draw/move/resize in Event Calendar
Answered: It's not coming in the near future. If you'd like to speed things up by sponsoring the feature please contact sales@daypilot.org.
Resource Tree cell clickable
Answered: Yes, you can do it using onRowClick handler:
dp.onRowClick = function(args) { args.row.toggle(); };
Is it possible to change hour height on defined time slots?
Answered: Unfortunately, this is not possible in the Calendar at the moment.
onBeforeCellRender not getting called upon update()
Answered: If you execute full update() the onBeforeCellRender will always be called. If you call partial update(), e.g. by specifying events only:
dp.update({events: [ ... ]});
then a cached result of onBe...
How to implement recurrent events in Javascript version with spring boot
Answered: The JavaScript version requires the individual event instances to be passed to the component. So handling the recurrence is fully in you hands (on the server side). You'd have to store the rule with ...
Programmatically Change DayPilotNavigator
Answered: I'm not sure if that's what you are looking for but you can set the initially-selected date using DayPilotNavigatorConfig.SelectionStart property.
End date of an area in Event needs one day added
Answered: The active areas always work with exact date/time points and they are not affected by the eventEndSpec setting.
Custom method for Business hours calculation
Answered: Hi Wolfgang, It's possible to adjust the start/end using onEventMoving while the event is being dragged: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ There is also a related tutorial: h...
is React Scheduler is free or paid
Answered: At this moment, the Scheduler and the React API are only included in the Pro version which is paid. See also the feature matrix: https://javascript.daypilot.org/feature-matrix/ You can install a 60-d...
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/
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...
Calendar hover color remains active when moving mouse between calendars
Answered: Hi Dave, This issue should be fixed now in the latest sandbox build (2021.1.3780): https://aspnet.daypilot.org/sandbox/ Please let me know if the problem persists.
Event calendar scrolling on event draw/resize/move
Answered: Unfortunately, this is feature is not available in the Calendar at the moment.
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...
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/
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/
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...
Scheduler - hide parent resources when filtering
Answered: In the latest sandbox build (2021.1.4830), you can now control this using "rowFilterParentsAlwaysVisible" property. The default value is true but if you set it to false it will hide parents that don'...
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...