Active Questions

Answered: In the Calendar component, you can customize the hour header (displayed on the vertical axis) using the onBeforeTimeHeaderRender event handler and display custom content, including the hour data from...

Answered: To edit the queue items, you can add another item (“Edit”) to the context menu: It will open a modal dialog with task details: This context menu can be defined like this: queueConfig: DayPilot.QueueC...

Answered: In the onBeforeRowHeaderDomAdd event handler, you can specify the target that of the custom element using the args.target property. By default, it is set to "Cell" . In this case, it will overwrite t...

Answered: If you need a longer evaluation period just drop us a note at sales@daypilot.org, it should be no problem.

Answered: Hi Steve, Thanks for the update! You could use two dropdowns or you could use a component that allows selecting multiple values (such as Choices ). So provided that you have multiple selected values ...

Answered: If you use scale: "Hour" , which displays one hour per cell , you can hide the non-business hours using the built-in mechanism. React example: import React, { useState } from 'react'; import { DayPil...

Answered: You can specify properties of the row header cells using the onBeforeRowHeaderRender event handler. In this case, it could look like this: onBeforeRowHeaderRender: args => { if (yourCriteria) { const...

Answered: This should be fixed now in the latest sandbox build (2023.3.5621). See also: https://release.daypilot.org/changes/js/ Please let me know if the problem persists.

Answered: When displaying a resource calendar ( viewType: "Resources" ), it is necessary to specify the resource id for events using the resource property. This value needs to match the column id exactly (incl...

Answered: If you use onBeforeTimeHeaderRender to customize the headers, the Scheduler will use the value of args.header.html in the live instance in the browser and args.header.text during the export. Also, it...

Answered: It should be working fine now. If there is any problem, just let me know.

Answered: Yes, this is possible. The code from the Column Summary and Availability Chart tutorial uses the real cell size ( args.cell.start and args.cell.end ) to calculate the utilization (total number of eve...

Answered: If the events don’t display correctly, you should check the id of the resources ( resources[].id ) and the resource of events ( event.list[].resource ). Events are only displayed in a row if these va...

Answered: This is possible. Just remember that it’s a bit more complex task and you will need to extend this code to cover edge cases and implement the server-side part. It works like this: The “Split” context...

Answered: You can do this by inserting custom active areas into Scheduler events. The start and end of an active area can be specified using date/time values instead of pixels. That will let you insert custom ...

Answered: There is a tutorial that explain how to implement this: JavaScript Scheduler: Displaying Holidays It uses onBeforeCellRender event handler to disable individual cells. The resource-specific date rang...

Answered: Thanks for reporting the issue. I wasn't able to reproduce the problem but the additional check is now added in the latest sandbox build (2023.2.5594). Also, the right click behavior is fixed - it is...

Answered: You can use the onBeforeEventRender event handler to customize the events . A sample implementation could look like this: onBeforeEventRender: (args) => { if(args.data.status === "completed") { args....

Answered: The shape of the task group is created using :before and :after pseudo-elements. In the default theme it looks like this: .gantt_default_task_group .gantt_default_event_inner { position: absolute; to...