Questions Tagged javascript
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).
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.
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.
How to convert php to spring boot
Answered: Unfortunately, this tutorial is not available for Spring Boot at this moment. To see how the Calendar and Scheduler components can be used with Spring Boot backend, please see the following tutorials...
Update certain columns of the resources
Answered: 1. You can update a single row using rows.update(): https://api.daypilot.org/daypilot-scheduler-rows-update/ 2. It's also possible to change HTML of a specific row header column directly using DayPil...
crosshairType (Full): events part of frozen rows is not highlighted
Answered: The full crosshair is now fully supported in combination with frozen rows in the latest sandbox build (since 2020.4.4811).
Error with fixed rows and certain data
Answered: This issue should be fixed now in the latest sandbox build (2020.4.4810). Please let me know if the problem persits.
Scheduler: keyboard navigation using the Tab-key
Answered: At this moment, no. The keyboard access has no API yet. It will be introduced soon and it will include an option to add custom key mappings.