Active Questions

• Unavailable cells not working properly

  Answered: If you want to disable Scheduler cells for drag and drop operations, it is necessary to mark them as disabled in the onBeforeCellRender event handler. The unavailable property of resources is not a s...

  how-tojavascript

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• daypilot-lite-angular allowEventOverlap=false

  Answered: Unfortunately, the real-time event overlap protection is not supported in the Lite version at the moment. It is only available in the Pro version (see also the feature matrix ). However, you can chec...

  how-tojavascriptlite

  Asked by Jitendra Chaudhary 2 years ago. 1 reply, last reply 2 years ago.

• How to remove "old" header area

  Answered: After changing the holiday definitions ( globalHolidays ), you need to call the update() method to refresh the Scheduler. This will generate a new time header (using onBeforeTimeHeaderRender ). Also,...

  how-tojavascript

  Asked by Chris Laurie 2 years ago. 1 reply, last reply 2 years ago.

• select form with remote search

  Answered: oeps i see you can change it to type: "searchable", so that works :-)

  how-tojavascriptlite

  Asked by Steffan 2 years ago. 2 replies, last reply 2 years ago.

• Setting the 'links' via the Direct API does not work

  Answered: Hi, Nothing related to that. [webpack-dev-server] Server started: Hot Module Replacement disabled, Live Reloading enabled, Progress disabled, Overlay enabled. core.mjs:26656 Angular is running in dev...

  bugjavascriptdirectapi

  Asked by Octave 2 years ago. 2 replies, last reply 2 years ago.

• The EventData does not allow reference to parent object (fails with 'Converting circular structure to JSON')

  Answered: The JSON serialization is necessary for Angular change detection. Circular references would also prevent any other change detection mechanism based on event comparison from working. To avoid this iss...

  bugjavascript

  Asked by Octave 2 years ago. 2 replies, last reply 2 years ago.

• Daypilot React Scheduler - Row Header Customization with multiple columns

  Answered: Unfortunately, custom React components in multiple row header columns are not supported at the moment. Until it is available, you can try using row header active areas to show the icons .

  how-tojavascriptreact18

  Asked by Ricardo 2 years ago. 1 reply, last reply 2 years ago.

• Daypilot React- Make left click work the same as right click

  Answered: The time range selection always stays active, until you call clearSelection() or update the calendar. You might want to check your onTimeRangeSelect / onTimeRangeSelected handlers.

  how-tojavascriptreact18

  Asked by Ricardo 2 years ago. 1 reply, last reply 2 years ago.

• Removing all tasks from a gantt chart without disposing of it

  Answered: When you need to load a new task set in the Gantt chart, the best way is to replace the tasks with a new array: const tasks = [ /* ... */ ]; dp.update({tasks}); There is no need to clear the events f...

  how-tojavascriptgantttasks

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• How to prevent even dragging and resize on selected events

  Answered: Drag and drop In the Lite (open-source) version, you can only enable/disable drag and drop for all calendar events using eventMoveHandling and eventResizeHandling . In the Pro version, you can disabl...

  article-87709-csqliteopen-sourcephpjavascriptmysql

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• Separator on TimeHeaders

  Answered: You might need to check the value of startOfMonth . Please make sure that it contains correct dates. My guess is that the values don’t correspond to the current view when the separators are not visib...

  how-tojavascript

  Asked by CM 2 years ago. 1 reply, last reply 2 years ago.

• Put a Swap button on the context menu

  Answered: Please take a look at the following tutorial: JavaScript Scheduler: Swap Events using Context Menu

  how-tojavascriptreact18

  Asked by Ricardo 2 years ago. 1 reply, last reply 2 years ago.

• scrollToResource is buggy.

  Answered: The scrollToResource() method is quite simple (it sets the scrollTop style to the appropriate value) but it is executed asynchronously, after a delay of 100ms. It’s good to take this into account. I ...

  bugjavascript

  Asked by Ryan 2 years ago. 10 replies, last reply 2 years ago.

• Scheduler: Mac users can't scroll when hovering resources

  Answered: Thanks for the update. All browser on a Mac use the same rendering/JS engine (from Safari). The problem with old MacOS versions is that Safari stops getting updates at some point - that means on an o...

  bugjavascript

  Asked by Leo 2 years ago. 7 replies, last reply 2 years ago.

• Scheduler businessEndsHour later than 24

  Answered: The Scheduler has built-in support for quick specification of business hours using businessBeginsHour and businessEndsHour but businessBeginsHour needs to be smaller than businessEndsHour . For more ...

  how-tojavascript

  Asked by CM 2 years ago. 1 reply, last reply 2 years ago.

• Uncaught TypeError: Cannot read properties of null (reading 'style')

  daypilot-core.js:17 Uncaught TypeError: Cannot read properties of null (reading 'style') at DayPilot.Calendar.Ea (daypilot-core.js:17:14081) at DayPilot.Calendar.La (daypilot-core.js:16:23322) at Res...

  how-toangular

  Asked by Anonymous 2 years ago. 4 replies, last reply 2 years ago.

• newResourceId is undefined on event resize

  Answered: There is no args.newResource available in onEventResize as the resource doesn’t change during resizing. You can access the event resource ID using args.e.resource() .

  article-87709-cphpmysqlopen-sourcesqlitejavascriptbug

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• Backend events are not loaded in the resource calender

  Answered: Thanks for the update! The problem is the type of events.resource_id database field. It is incorrectly set to varchar instead of integer . Older versions of PHP/PDO converted integer values to string...

  article-87709-cjavascriptopen-sourcephpsqlitemysqlbug

  Asked by Anonymous 2 years ago. 5 replies, last reply 2 years ago.

• How to collapse tasks based on field from database

  Answered: In onBeforeTaskRender , it is only possible to access the raw data object ( args.data ). The DayPilot.Task object is not available yet. To collapse the rows, you can set the args.data.row.collapsed p...

  how-tojavascriptganntcollapse

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• Highlighting multiple dates in scheduler

  Answered: You are overwriting the onBeforeCellRender event handler several times and only the last value is used. You need to check the dates against the list of highlighted days inside onBeforeCellRender . Th...

  how-tojavascriptvue

  Asked by Anonymous 2 years ago. 3 replies, last reply 2 years ago.