Questions Tagged javascript

Answered: Saw here and apparently it’s the global CSS border property messing with the table https://forums.daypilot.org/question/4960/why-daypilot-lines-are-not-aligned

Answered: Would you be able to modify the config of the row editing demo so that it reproduces the problem? It seems to work fine when you replace rowClickHandling: "Edit" with rowDoubleClickHandling: "Edit" .

Answered: You can change the startDate and days properties as needed by calling the update() method: gantt.update({ startDate: "2025-05-01", days: 31 });

Answered: You can hide the progress bar using the completeBarVisible property.

Answered: You can use the onBeforeEventRender event to set custom event color in the Scheduler. The color can be set either directly using args.data.backColor or via a CSS class (by setting args.data.cssClass ...

Answered: You have added it correctly - but it will only display the expand/collapse icon when you add some child resources. If you want to hide the additional columns for these empty groups, you can remove th...

Answered: Chistopher, This issue should be fixed now in the latest sandbox build (2025.2.6464). Please let me know if the problem persists.

Answered: This seems to be a problem of some of the older releases. The latest version (2025.2.6442) should work fine with args.target = "Text"; . Could you please give it a try? Please let me know if the prob...

Answered: Yes, this can be done by hiding selected time columns using the onIncludeTimeCell event handler or by defining the timeline manually .

Answered: At this moment, the Lite version of the Calendar only displays events this way - the start and end times are aligned with the grid cells and the real duration is highlighted using the duration bar . ...

Answered: This issue should be fixed now in the latest sandbox build (2025.2.639):

Answered: The onIncludeTimeCell logic should look like this (it works for two days and scale="Hours" ): onIncludeTimeCell: (args) => { const businessStart = 21; // 9 PM (21:00) const businessEnd = 6; // 6 AM (...

Answered: We are upgrading the infrastructure and there was a temporary issue that has been resolved now. Please let me know if the problem persists.

Answered: Please take a look at this tutorial: JavaScript Calendar in Read-Only Mode (Open-Source)

Answered: I hope it helps!

Answered: Since version 2025.1.5435 , it is possible to handle these actions using these new events: onRowCollapse onRowExpand

Answered: Yes, you can use the same property ( linkShape ) in the Gantt Chart.

Answered: You can use the onBeforeTaskRender event handler to customize the task boxes . This event will let you set custom color easily. { onBeforeTaskRender: (args) => { args.data.box.backColor = "#cc0000"; ...

Answered: You can take a look at the JavaScript Scheduler: Resource Utilization Chart for Rows tutorial:

Answered: Thanks for reporting the problem. This issue has been fixed in a special release ( 2025.1.6429 ), which is now available.

Answered: Sorry for the delay. This can be done like this: const scheduler = new DayPilot.Scheduler("scheduler", { onRowMouseOver: args => { if (app.dragging) { args.row.cells.all().addClass("cell-target"); } ...

Answered: Yes, it is possible to activate inline editing mode for the row headers , or you can open a modal dialog with task details on click (see Task Editing ).

Answered: Please see here: https://forums.daypilot.org/question/6575/is-it-possible-to-edit-gantt-chart-event

Answered: Unfortunately, the image export is not supported in the RTL mode at the moment. It’s in the plan, but we can’t promise any delivery date.

Answered: It looks like you are using an older version - could you please give it a try with the latest release?

Answered: You can create custom time header segments using the method described in this tutorial: JavaScript Scheduler: Custom Time Header Segments

Answered: Hi Leo, Sorry for the delay. Gantt export to Excel in the works and it will be available soon.

Answered: Have you modified the source code? Or maybe you have overwritten the DayPilot.Date object? Because all this should work fine - you can also test it in the JavaScript console in the online demo .

Answered: The filter param is only available in the onEventFilter event handler. The best way would be to store the filter value in a special variable outside of the Scheduler object. This approach is used for...