Active Questions

• How not to trigger onEventClicked after canceling onEventDelete (Calendar)

  Answered: This is a bug of the latest release. It should be fixed now in the latest sandbox build (2023.1.443): https://release.daypilot.org/changes/jslite/ The fix will be included in the next official releas...

  how-tojavascriptlitereact

  Asked by jaris 3 years ago. 3 replies, last reply 3 years ago.

• How to clear the previous event from calendar if the updated event list is empty/null?

  Answered: Great, thanks for the update. In the latest sandbox build (2023.1.444), the Calendar component now accepts null as well and treats it as []: https://release.daypilot.org/changes/jslite/

  how-tojavascriptlitereact

  Asked by jaris 3 years ago. 3 replies, last reply 3 years ago.

• Scheduler - How to align the text in the row header columns

  Answered: You can use onBeforeRowHeaderRender event ( https://api.daypilot.org/daypilot-scheduler-onbeforerowheaderrender/ ) to set the horizontal alignment: onBeforeRowHeaderRender: args => { args.row.columns...

  how-tojavascriptscheduleralignment

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

• Scheduler - Fix row header columns during horizontal scrolling

  Answered: Unfortunately, this would be an enormous effort and the result would be very complex UI - so I don't see a way to add this at the moment.

  featurejavascriptschedulerfixedfix

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

• How to export Gantt chart view in png/svg/pdf in 2022.4.5483 version.

  Answered: The latest release now supports export customization events in the Gantt Chart component as well ( https://javascript.daypilot.org/daypilot-pro-for-javascript-2023-1-5529/ ). You can use onBeforeRowH...

  how-tojavascriptganttexportas

  Asked by Bikram Jeet Singh 3 years ago. 3 replies, last reply 3 years ago.

• How to export Gantt view in png/svg/pdf

  Answered: Please see my comments here: https://forums.daypilot.org/question/5962/how-to-export-gantt-chart-view-in-png-svg-pdf-in-2022-4-548

  how-tojavascriptgantt

  Asked by Bikram Jeet Singh 3 years ago. 1 reply, last reply 3 years ago.

• Cannot read properties of null (reading 'dontFocus')

  Answered: It looks like you are passing "null" as the "options" argument. Try removing it or use an empty object - "{}". This problem should be fixed now in the latest sandbox build (2023.1.5527).

  how-tojavascript

  Asked by Santiago Losada Borrajo 3 years ago. 2 replies, last reply 3 years ago.

• How to customize title when using print()?

  Answered: The print() method uses the title of the current page when printing. You can temporarily override the title like this: const oldTitle = document.title; document.title = "My Scheduler"; dp.exportAs(fo...

  how-tojavascript

  Asked by Ethan 3 years ago. 1 reply, last reply 3 years ago.

• args.loaded is not a function

  Answered: In version 2023.1.5508, asynchronous processing of onEventDelete is not supported. It is now available in the latest sandbox build (2023.1.5525+). See also: https://release.daypilot.org/changes/js/

  how-tojavascript

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

• Scheduler - Rendering issue with row header height after hiding/showing events

  Answered: Thanks - but after changing the event properties, you need to update the Scheduler to make the changes visible. Do you call update()? Or events.update()?

  bugjavascript

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

• Does Gantt have a dispose() method?

  Answered: There is a special React package that defines a <DayPilotGantt> React component which you can use in your JSX instead of creating the instance manually using a placeholder and init() method. To see h...

  how-tojavascriptgantt

  Asked by Ethan 3 years ago. 4 replies, last reply 3 years ago.

• MaxEvents for scheduler is possible?

  Answered: This option is now available in the Scheduler (since version 2023.1.5515). You can specify a maximum number of lines for each row using the new "maxLines" property. For an example, please see the fol...

  how-tojavascriptscheduler

  Asked by Adam 3 years ago. 3 replies, last reply 3 years ago.

• How to set the start of the week as monday

  Answered: The Gantt Chart component uses the "locale" property to determine the first day of week: https://api.daypilot.org/daypilot-gantt-locale/ You can use one of the built-in locales or create your own. Se...

  how-tojavascriptgantt

  Asked by Bikram Jeet Singh 3 years ago. 2 replies, last reply 3 years ago.

• Scheduler - Stacking of Overlapping Events

  Answered: Do I understand it correctly that although there are three events in the screenshot you define six events? Events are rendered in the in the order determined by the default sort order. You can also d...

  javascriptscheduleroverlapping

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

• Scheduler - DayPilot.Scheduler: The placeholder element not found: 'dp_1673963716024126533'.

  Answered: The Angular Scheduler component includes a placeholder div in its template. This placeholder is then initialized using init() call in ngAfterViewInit() - you can also see this in the stack trace. If ...

  bugjavascriptscheduler

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

• Gantt-Chart: Dotted line for current date

  Answered: You can add a separator to the Gantt chart to highlight the current date/time: https://doc.daypilot.org/gantt/separators/ The separators are marked with "gantt_default_separator" CSS class - you can ...

  how-tojavascript

  Asked by Bikram Jeet Singh 3 years ago. 2 replies, last reply 3 years ago.

• Splitter between the rowheader grid and task grid not showing

  Answered: I've tried to add your config to a new Angular Gantt chart project generated using https://builder.daypilot.org and it seems to work fine. The splitter appears as expected. If you are using a custom ...

  bugjavascriptangularangular14

  Asked by Hicham 3 years ago. 5 replies, last reply 3 years ago.

• Make editable cell in rowHeaderColumn when double click

  Answered: The Scheduler supports inline editing of the row header. However, you can only edit the first row header column at the moment: https://doc.daypilot.org/scheduler/row-editing/

  how-tojavascriptangular12daypilot

  Asked by Sanjana Sharma 3 years ago. 1 reply, last reply 3 years ago.

• Gantt - How to automatically move task2 start when task1 resized or moved

  Answered: Unfortunately, there is no built-in support for automatic moving of the linked events at the moment. You would have to detect which tasks need to be moved and update them in onEventMoved event handle...

  how-tojavascript

  Asked by Quantax 3 years ago. 1 reply, last reply 3 years ago.

• NPM javascript throws error "Uncaught ReferenceError: module is not defined"

  Answered: The JavaScript NPM package (daypilot-pro-javascript) defines a CommonJS module which can't be used directly in the browser. The purpose is to allow using DayPilot in a Node project. In the browser, y...

  how-tojavascriptnpm

  Asked by Danijel 3 years ago. 5 replies, last reply 3 years ago.