Questions Tagged
Milestone for scheduler
Answered: The Scheduler supports milestones are supported since version 2018.1.3203. It may be an issue of this particular release but I don’t see any serious bugs fixed in the release logs. You can follow the...
Scheduler column sorting
Answered: Unfortunately, the built-in column sorting feature is only available for the JavaScript version.
Rendering issue, misaligned events
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
Double Click edit option give exception between rows simultaneously.
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".
How to automatically moved to initial startdate and enddate of ganttchart
Answered: You can change the startDate and days properties as needed by calling the update() method: gantt.update({
startDate: "2025-05-01",
days: 31
});
how to hide complete percentage from gantt chart
Answered: You can hide the progress bar using the completeBarVisible property.
how to dynamically add color to each tasks
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)...
Add group line in PhpMyadmin
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...
Daypilot.Month: Option "timeRangeSelectedHandling = 'Disabled'" doesn't work as aspected
Answered: Chistopher, This issue should be fixed now in the latest sandbox build (2025.2.6464). Please let me know if the problem persists.
Add onClick functionality in onBeforeRowHeaderRender or onBeforeRowHeaderDomAdd
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 probl...
Hide non business hours from scheduler
Answered: Yes, this can be done by hiding selected time columns using the onIncludeTimeCell event handler or by defining the timeline manually.
Events displayed only on 30 minute boundaries?
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. H...
Non-default cellDuration causes Calendar scroll position to change.
Answered: This issue should be fixed now in the latest sandbox build (2025.2.639):
Issue with Hiding Non-Business Hours Spanning Two Days in DayPilot Scheduler
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; ...
Can't seem to be able to install with npm
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.
Guest calendar
Answered: Please take a look at this tutorial: JavaScript Calendar in Read-Only Mode (Open-Source)
How to drag events to queue on iPad, currently it does not trigger events
How to drag events to queue on iPad, currently it does not trigger events
on gantt row expand
Answered: Since version 2025.1.5435, it is possible to handle these actions using these new events: onRowCollapse onRowExpand
change the Gantt link shape
Answered: Yes, you can use the same property (linkShape) in the Gantt Chart.
Is it possible to add custom html and css to the daypilot gantt?
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 = "#cc...
when custom theme link is not proper
Answered: There is now a new version of the Theme Designer available. It will generate an up-to-date CSS. Please let me know if the problem persists.
How to handle the progressBar per row in scheduler Angular
Answered: You can take a look at the JavaScript Scheduler: Resource Utilization Chart for Rows tutorial:
ExcelJS is not an optional property in the scheduler config
Answered: Thanks for reporting the problem. This issue has been fixed in a special release (2025.1.6429), which is now available.
Hovering a draggable event and change row background-color
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()....
Is it possible to edit gantt chart event
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).
is it possible to edit the event
Answered: Please see here: https://forums.daypilot.org/question/6575/is-it-possible-to-edit-gantt-chart-event
Facing issue while exporting data in RTL
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.
overriding event start/end in moving to snap to a certain time isn't being reflected in the event overlap handling
Answered: It looks like you are using an older version - could you please give it a try with the latest release?
How to groupBy?
Answered: You can create custom time header segments using the method described in this tutorial: JavaScript Scheduler: Custom Time Header Segments