Questions Tagged javascript
Scheduler RowHeaderAutoFit doesn't shrink row header
Answered: Tim, This feature was designed to only extend the width. The latest sandbox build (2021.1.4889) now includes an experimental rowHeaderWidthAutoFitShrink property which you can use to enable shrinking...
Daypilot Scheduler Angular throws error cannot read property 'clientWidth' of null
The error is thrown when navigate from a page with daypilot scheduler component to another page. I tried calling 'dispose' method from scheduler control but it doesn't work. The version of library is...
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...
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 ...
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/
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...
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...
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.
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).
Questions 1-30 of 1262
Next