Questions Tagged javascript

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...

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 ...

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 ...

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...

Answered: Don't worry. I have found the answer here: https://javascript.daypilot.org/feature-matrix/ Thanks

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.

Answered: Yes, you can do it using onRowClick handler: dp.onRowClick = function(args) { args.row.toggle(); };

Answered: Unfortunately, this is not possible in the Calendar at the moment.

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 onBefore...

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 ...

Answered: The active areas always work with exact date/time points and they are not affected by the eventEndSpec setting.

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...

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...

Answered: Yes, this is possible. Please see the documentation for more details: https://doc.daypilot.org/scheduler/hiding-non-business-hours/

Answered: Unfortunately, this is feature is not available in the Calendar at the moment.

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.lis...

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) { return; } DayPi...

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: function(args) { console...

Answered: This issue should be fixed now in the latest sandbox build (2021.1.4838). https://javascript.daypilot.org/sandbox/

Answered: This problem should be fixed now in the latest sandbox build (2021.1.4840): https://javascript.daypilot.org/sandbox/

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.

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"....

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'...

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 ...

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...

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.update(...

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.

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).

Answered: It should be fixed now in the latest sandbox build (2020.4.4827). Please let me know if there is any problem.