Answered: The capabilities of the image export are limited. Basically, you can export plain text and active areas. If you need an exact copy and are happy with the current viewport, it’s better to make a scree...
Answered: This behavior is correct, if you add 10 hours to "2025-06-10T14:00:00" , you will get the end of June 10, which is "2025-06-11T00:00:00" . There is a related setting (the eventEndSpec property) in th...
Answered: The toString() method should work: > new DayPilot.Date("2025-06-10T00:00:00").toString("yyyy-MM-ddThh:mm:ss"); "2025-06-10T00:00:00" If you want to convert it to Date , you can use toDateLocal() to g...
Answered: You can start with the following tutorial which displays a resources calendar similar to yours (time on the vertical axis, resources/providers on the horizontal axis): JavaScript Resource Calendar Tu...
Answered: Yes, you can use it with any database structure. You just need to supply the data to DayPilot components in the required structure. This can be done on the server side quite easily - you need to crea...
Answered: The JavaScript version of DayPilot doesn’t include any server-side backend and you can use it with any version of PHP. The PHP tutorials at code.daypilot.org should run fine with PHP 5.3. If there is...
Answered: Sorry for the confusion, the cell customization is not yet available in the Scheduler in the Lite version. It will be added in one of the future releases.
Answered: The Kanban component respects the original order of cards that you use in the datasource. When a card is moved, you can get information about the target position inside a cell using the args.position...
Answered: You can override the CSS styles to make the target shadow more prominent. Unfortunately, it is not possible to move the existing cards during drag and drop to make space for a bigger target position ...
Answered: Unfortunately, I’m not able to reproduce the issue. If you set custom HTML content of Kanban card, it may interfere with the require event handlers. If you are able to reproduce the problem in the on...
Answered: You can set the date range using startDate and days properties. If these properties are not specified, the Gantt chart will calculate the values automatically to include all tasks.
Answered: Such continuous events are marked with special CSS classes which you can use to add custom styling: scheduler_default_event_continueleft scheduler_default_event_continueright You can either use these...
Answered: At this moment, the Gantt chart requires the exact date/time points when specifying the task end. For example, a task that ends on May 31, 2025 needs to use end: "2025-06-01T00:00:00" . The Scheduler...
Answered: The time header groups have no effect on the grid or events. The time header is independent and it’s just a visual clue. How events are displayed is affected by the scale and whether event boxes are ...
Answered: The onBeforeCardRender event is now available in the latest sandbox build (2025.2.6497). You can change the bar color depending on the column like this: onBeforeCardRender: args => { switch (args.dat...
Answered: Yes, the Scheduler supports double click for events . It has to be enabled explicitly using the eventDoubleClickHandling property. It’s good to know that when the double click is enabled, it adds a d...
Answered: In the resources view , all-day events are always displayed only in the first matching column. This is by design, because the columns can have arbitrary IDs and dates. If the behavior was different i...
Answered: The card content structure is fixed and it looks like this: <div class='kanban_default_card_header'>${name}</div> <div class='kanban_default_card_body'>${html}</div> If you don’t need the header, you...
Answered: Actually, you don’t need the async support to make this work. You just need to switch the logic: Cancel the default action first and delete the event manually if the user confirms the action: onCardD...
Answered: I assume you are working with the JavaScript Scheduler: Date Picker in the Upper-Left Corner tutorial. 1. The SVG calendar icon is new and you need to use the latest version of daypilot.svg (you can ...
Answered: In the ASP.NET Core Timesheet tutorial, the histogram displayed in the first (frozen) row is calculated using the following logic (in onBeforeCellRender ): onBeforeCellRender: args => { if (args.cell...
Answered: You can enable the built-in delete icon using the cardDeleteHandling property. The delete icon will be displayed in upper-right corner (when enabled).
Answered: There are two group modes in the Gantt chart, and by default the component calculates the start and end from the group children. If you change the mode to "Manual" , it will use the specified start a...
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 th...
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
DayPilot