Active Questions

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: In the Lite (open-source) version this is not possible at the moment but in the Pro version you can customize the calendar column headers using "onBeforeHeaderRender" event handler: https://doc.daypi...

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: 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: 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: 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: 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: 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: > 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: 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: This is not a typical scenario but you can use the onClose event handler to query the content before it is removed from DOM: https://api.daypilot.org/daypilot-modal-onclose/

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...

Answered: In the latest sandbox build (2022.4.5479), there is now a new property (maxAutoWidth) added to the rowHeaderColumns array items that lets you specify a maximum width that will be respected during row...

Answered: I do not recommend storing individual line numbers in the database. A fixed line number should only be used for selected events that you want to display in a specific position, out of the standard or...

Answered: From your example it's not obvious what kind of element that is and where you add it (it is not part of the standard Scheduler structure). Please note that the Scheduler parts are rendered progressiv...

Answered: This error has been fixed in version 2022.3.5391: https://javascript.daypilot.org/daypilot-pro-for-javascript-2022-3-5391/ Please let me know if the problem persists.

Answered: In older DayPilot versions (including 2019 versions), the event handler object (args) was not typed (type any). The args.originalEvent holds a MouseEvent object (unmodified event object from the clic...