DayPilotHow to edit Queue items
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...
Active Questions
onBeforeRowHeaderDomAdd disables expandable tree styles?
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...DayPilot Pro for Javascript - Trial License 60 Day Limit
Answered: If you need a longer evaluation period just drop us a note at sales@daypilot.org, it should be no problem.Filtering down to two groups or more (Scheduler)
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 ...How to change the time frame to span from 9 AM to 9 PM only (React Scheduler)
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...how to color some cells of the scheduler grid
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...Upgrading Daypilot with NextJS (react / typescript) does not work
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.Impossible to show events from my database (resource calendar)
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...Task time selection may get wrong then How to reselect it ,by deleting before task time in UI. And how to save it in server and local storage as data.
Hey!! Thanks for kind help by providing this doc. I have to customize it for purpose of self learning. Hope forums gonna help me out for this. Recently ,I have doubt which I posted “Task time selecti...Text missing on export time headers.
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...npm repository is down
Answered: It should be working fine now. If there is any problem, just let me know.Timeline event count using hours scale (Scheduler)
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...How I can modify resources? If I don’t need group?
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...Implementing a 'Break and Reschedule' Function in the Scheduler Component
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...Multiple background colors in event (Scheduler)
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 ...Scheduler - Disable Cells based on resource Availability
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...Daypilot AllowMultirange doesn't work with right click and context Menu
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...Custom Event Styling in React Scheduler
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....How to change Group task background color?
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...Scheduler Time Range Configuration
Answered: There are two ways to solve it: 1. You can define business hours using the businessBeginsHour and businessEndsHour properties and set showNonBusiness to false (see also hiding non-business hours ): c...