Active Questions
Loading events from 1 month and earlier on Scheduler view
Answered: If you would like to load Scheduler events from the server during scrolling (this feature is called dynamic event loading), you need to do two things: Enable this feature using dynamicLoading: true (...
How to work with dp.tasks.list.find(), dp.tasks.list.find() not working for subtasks.
Answered: The tasks.list property contains the original array of tasks. Its find() method is the standard Array.prototype.find() method, which searches through the array items. To find a task by its ID within ...
Displaying custom dynamic data on a second time header (Scheduler)
Answered: To customize the content of the time header cells in the Scheduler, you can use the onBeforeTimeHeaderRender event handler.
DayPilot.Calendar - multimove items
Answered: Yes, support for moving multiple events at once is in the plan. The args.shift property is now available in onEventClick since the latest sandbox build (2023.4.5773).
More Obvious Re-Size
Answered: The width of the active resize area can be set using the eventResizeMargin property. See also event drag handles. You can also turn off the built-in resize handles (e.g. using args.data.resizeDisable...
Scheduler - How to cancel event moving after server call
Answered: You should always call args.loaded() after switching to async processing (args.async = true). Like this: onEventMove: (args) => {
args.async = true;
this.moveItem(args)
.subscribe(re...
Rich Text in Top-Date Hover popup
Answered: 1. To show a hover popup, you can use the Bubble component. For time headers, it is necessary to use an active area that will display a custom bubble when the action is set to “Bubble”. This example ...
Resize a Bumper Row
Answered: The row height is calculated from the eventHeight property. For an empty row, it is equal to 1*eventHeight. You can set custom eventHeight for each row like this: const resources = [
{ name: "Grou...
UseEffect everytime an event gets resized or moved.
Answered: Please see my answer here: https://forums.daypilot.org/question/6173/listen-for-event-resizing-on-useeffect
Listen for Event Resizing on UseEffect
Answered: I would recommend handling the logic directly in the onEventResizing event handler. The typical action would be to notify the server or to ask for a confirmation. These actions are not typical “state...
How To Update Separators?
Answered: You can use the update() method: scheduler.update({separators}); If the Scheduler detects that only {separators} property is in the update params, it will perform an optimized update and only refresh...
How to avoid resizing under a certain duration in Daypilot Calendar?
Answered: You can use the onEventResizing event to customize the behavior during drag-and-drop resizing. You can use it to enforce custom rules, such as setting a minimum duration: onEventResizing: args => {
...
Events movable if time range over it is selected
Answered: The Scheduler includes a built-in tool for selecting multiple events using drag and drop - the rectangle selection. You can switch it to row-only mode to only select events in the same row. It disapp...
Shift + select when multirange is active doesn't clear
Dear Daypilot-Support, I work as a developer for RTM Systems. When performing shift + select when multirange is active, the previous selection doesn’t clear properly. Please review the attached GIF. ...
Time Range double click error
Answered: This problem should be fixed now in the latest sandbox build (2023.4.5769): See also: https://release.daypilot.org/changes/js/
Modal.Form() Optional/Null Dates
Is there a way to display null or optional date fields within the Modal.Form? When loading dp.events.list additional date fields have been added to the tags element. They come through as nulll. But w...
Index of ResourceHeader
Answered: The onResourceHeaderClicked is a legacy event which has been replaced by the onRowClicked event. In onRowClick and onRowClicked, you can access the column index using args.x.
How to clear selected events with ctrl + click
Answered: The clearSelection() method clears the time range selection. To clear the event selection, you will need to use the multiselect.clear() method. See also event selecting in the documentation.
Copying and Pasting Multiple events accross resources
//I managed to implement the copy multiple events at a go but still running into some errors in run time. //1. I need to know how to clear selection after right clicking on paste. Otherwise even afte...
Can you enable the no block for full crosshair
Answered: The full crosshair in the Scheduler now allows mouse events to pass through in the latest sandbox build (2023.4.5765). See also: https://release.daypilot.org/changes/js/