Questions Tagged
Scheduler Event End Identification
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...
gantt chart end date issue
when i add gantt chart in my UI, where the end date appears one day earlier in the DayPilot Gantt chart, Why? and how to solve this issue.
Scheduler grouping
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 ...
Kanban Card Bar Color
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 (arg...
DoubleClick instead of Click for editing
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 de...
All-day events in 5-day Resources scheduler always appear on Monday after upgrading to v2023.4.5839
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 in...
Html in the text property
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, yo...
Update a Kanban card
Answered: Example: onCardClick: async args => {
const form = [
{id: "name", name: "Name", type: "text"},
{id: "text", name: "Description", type: "textarea"}
];
const modal = aw...
Card Deletion in Kanban
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...
Datepicker in corner : events vanish
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 ...
Timesheet Histogram
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 (arg...
Kanban adding a delete button to ALL tasks that get rendered.
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).
Right click on frozen rows not working
Answered: The fix is now included in the latest sandbox build (2025.2.6492). Thank you!
No Typescript definitions?
Answered: You might be using an old version of DayPilot - the React TypeScript definitions are included since about 2019.
Gantt chart group data end date issue
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 an...
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.
Double Click edit option give exception between rows simultaneously.
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.
Questions 1-30 of 5155
Next