Answered: You can use onBeforeRowHeaderRender event ( https://api.daypilot.org/daypilot-scheduler-onbeforerowheaderrender/ ) to set the horizontal alignment: onBeforeRowHeaderRender: args => { args.row.columns...
Answered: The latest release now supports export customization events in the Gantt Chart component as well ( https://javascript.daypilot.org/daypilot-pro-for-javascript-2023-1-5529/ ). You can use onBeforeRowH...
Answered: It looks like you are passing "null" as the "options" argument. Try removing it or use an empty object - "{}". This problem should be fixed now in the latest sandbox build (2023.1.5527).
Answered: The print() method uses the title of the current page when printing. You can temporarily override the title like this: const oldTitle = document.title; document.title = "My Scheduler"; dp.exportAs(fo...
Answered: In version 2023.1.5508, asynchronous processing of onEventDelete is not supported. It is now available in the latest sandbox build (2023.1.5525+). See also: https://release.daypilot.org/changes/js/
Answered: Thanks - but after changing the event properties, you need to update the Scheduler to make the changes visible. Do you call update()? Or events.update()?
Answered: There is a special React package that defines a <DayPilotGantt> React component which you can use in your JSX instead of creating the instance manually using a placeholder and init() method. To see h...
Answered: The Gantt Chart component uses the "locale" property to determine the first day of week: https://api.daypilot.org/daypilot-gantt-locale/ You can use one of the built-in locales or create your own. Se...
Answered: Do I understand it correctly that although there are three events in the screenshot you define six events? Events are rendered in the in the order determined by the default sort order. You can also d...
Answered: The Angular Scheduler component includes a placeholder div in its template. This placeholder is then initialized using init() call in ngAfterViewInit() - you can also see this in the stack trace. If ...
Answered: You can add a separator to the Gantt chart to highlight the current date/time: https://doc.daypilot.org/gantt/separators/ The separators are marked with "gantt_default_separator" CSS class - you can ...
Answered: The Scheduler supports inline editing of the row header. However, you can only edit the first row header column at the moment: https://doc.daypilot.org/scheduler/row-editing/
Answered: I've tried to add your config to a new Angular Gantt chart project generated using https://builder.daypilot.org and it seems to work fine. The splitter appears as expected. If you are using a custom ...
Answered: The JavaScript NPM package (daypilot-pro-javascript) defines a CommonJS module which can't be used directly in the browser. The purpose is to allow using DayPilot in a Node project. In the browser, y...
Answered: 1. You can make space for the active areas at the bottom using the "rowMarginBottom" property : https://api.daypilot.org/daypilot-scheduler-rowmarginbottom/ 2. If you use the full crosshair mode the ...
Answered: Unfortunately, there is no built-in support for automatic moving of the linked events at the moment. You would have to detect which tasks need to be moved and update them in onEventMoved event handle...
Answered: Please take a look at the following tutorial: https://code.daypilot.org/49959/javascript-scheduler-show-hide-columns-using-context-menu It uses a context menu to show/hide individual row header colum...
Answered: This option is now available in the Scheduler (since version 2023.1.5515). You can specify a maximum number of lines for each row using the new "maxLines" property. For an example, please see the fol...
Answered: I recommend you to review the code and remove duplicate parts - that makes it confusing and error-prone. You define three functions that do the same thing. There are also other issues, like calling s...
Answered: There are two options: 1. You can use "eventMarginLeft" and/or "eventMarginRight" properties: https://api.daypilot.org/daypilot-scheduler-eventmarginleft/ https://api.daypilot.org/daypilot-scheduler-...
Answered: You can either update the full scheduler using update(): https://api.daypilot.org/daypilot-scheduler-update/ Or you can update a row using rows.update(): https://api.daypilot.org/daypilot-scheduler-r...
Answered: You can take a look at this tutorial: https://code.daypilot.org/64657/angular-scheduler-resource-management It is for Angular, but it shows how to add a context menu to the row headers with additiona...
Answered: This project shows a single page with the restaurant reservation UI. It is kept as simple as possible so that the code can be modified easily. There is no admin part.
Answered: Thanks for uploading the sample project. This issue should be fixed now in the latest sandbox build (2023.1.5487): https://release.daypilot.org/changes/js/ Please let me know if it doesn't work as ex...
Answered: You might want to take a look at the "split resources" feature: https://doc.daypilot.org/scheduler/split-resources/ It lets you split a resource into multiple subresources, each having a special row ...
Answered: You will find an example of a custom snap-to-grid implementation in this tutorial: https://code.daypilot.org/39403/javascript-scheduler-customized-snap-to-grid It is necessary to round/floor the date...
Answered: > No, but I forget to tell, that the error happens on right clicking any cell. It doesn't matter to which row the cell belongs. I select it and right click, then the error shows. Could you please che...
Answered: The element that displays htmlLeft/htmlRight content has variable width and it's not possible to calculate the real width without expensive pre-rendering. However, you can use a workaround: You can r...
DayPilot