All Questions

Answered: You can generate a custom theme using the Theme Designer: https://themes.daypilot.org/ The default settings will generate a theme that corresponds to the built-in theme. You can include the generated...

Answered: You need to make two requests manually and merge the results into a single array. The following example uses two parallel requests, waits until both return a result and update the Scheduler: const st...

Answered: 1. Unfortunately, resizing the row headers is not supported on touch devices at the moment - the splitter is too narrow to support convenient control using touch gestures. 2+3. These issues are fixed...

Answered: You can enable a bubble for event groups using the groupBubble property: https://api.daypilot.org/daypilot-scheduler-groupbubble/ There are two ways to specify the bubble content: 1. You can use onBe...

Answered: You can find the licensing options at the Buy page: https://javascript.daypilot.org/buy/

Answered: The support for heightSpec: "BusinessHoursNoScroll" is now implemented in the latest sandbox build and it will be available in the next release.

Answered: At this moment, the Scheduler doesn't debounce onScroll calls that are invoked as a result of the viewport size change. However, this will only happen if you use dynamic height (such as heightSpec: "...

Answered: To set the initial date selection, please use the select() method in ngAfterViewInit(): https://api.daypilot.org/daypilot-navigator-select/ When you add the selectionStart, selectionEnd properties to...

Answered: At this moment, it's only possible to use the "new row" feature to add rows to the top level. In order to add children, you can use a context menu as demonstrated in this tutorial: https://code.daypi...

Answered: The event updates are performed asynchronously so that all updates performed in the same code segment can be merged and performed at once. That applies to the default edit action (including onEventEd...

Answered: You can do it using onClose event handler: onClose: args => { if (args.backgroundClick) { args.preventDefault(); } }

Answered: You'll need to turn off the "row header width auto-fit" feature (it adjusts the column width dynamically based on content): https://doc.daypilot.org/scheduler/row-header-width-auto-fit/

Answered: In the latest sandbox build (2022.2.5266), the Scheduler will try to refocus the same target (cell based on start and resource, event based on ID) after update. If the target isn't available in the u...

Answered: It's in the works - it will be possible to add custom React components to cells in the upcoming release.

Answered: This issue should be fixed now in the latest sandbox build (2022.1.5262). Please let me know if there is any problem.

Answered: I made a few changes and Now it's working fine.

Answered: At this moment, this is not supported. The mousedown on event will trigger event moving, unless you hold the Shift key.

Answered: The timeHeaders property is only applicable to the Scheduler component. In the Calendar component, you can change the date format using headerDateFormat property: https://api.daypilot.org/daypilot-ca...

Answered: Unfortunately, the Scheduler component is not included in DayPilot Lite for JavaScript. See also the feature matrix here: https://javascript.daypilot.org/feature-matrix/

Answered: Workaround found. By creating a fake (hidden) iFrame and exporting the daypilot calendar to an image, you can place the image in the iframe and print the iframe. Like so: $("#print-button").click(fun...

Answered: This happens if the PHP backend returns an error instead of a JSON response. I recommend checking the backend HTTP request using browser developer tools. The response will contain an error message wh...

Answered: This problem should be fixed now in the latest sandbox build (2022.1.5239). Please let me know if there is any problem.

Answered: There is no way to control the initial state of the automatic event groups, beyond setting the minimum number of overlapping events that form a group (using groupConcurrentEventsLimit property). If y...

Answered: This example will calculate a sum of values stored in a specified event field ("val"): onBeforeCellRender: (args) => { if (args.cell.isParent) { const field = "val"; const children = dp.rows.find(arg...

Answered: The Modal.Close() method uses a workaround to return the control back to the client side. Older versions may not work well - please make sure that you use the latest version of the ASP.NET WebForms h...

Answered: The cells in rows marked with "cellsAutoUpdated: true" will be updated on every change, including a row removal. You might want to review and update the calculation logic. The tutorial ( https://code...

Answered: Please take a look at this tutorial - it shows how to load calendar events from a database: https://code.daypilot.org/50175/angular-appointment-calendar-component-typescript

Answered: You'll need to transform your data set to match the data structure required by the Scheduler. It displays the name specified by the "name" property: https://api.daypilot.org/daypilot-scheduler-resour...

Answered: The following object: { "Global": {...}, "isKhtml": true, "isIE": false, "isIEQuirks": false, "browser": {...}, "libs": {...}, "touch": {...}, "Stats": {...}, "Util": {...}, "Areas": {...}, "Http": {...

Answered: Yes, please take a look at the following tutorial: https://code.daypilot.org/91222/javascript-scheduler-event-placement-strategies