Answered: In the Scheduler, you can enable it using allowEventOverlap property: https://doc.daypilot.org/scheduler/event-overlaps/ In the Month component, it isn't available at the moment. You can check for ov...
Answered: You should take a look at the dynamic onTimeRangeSelecting event: https://api.daypilot.org/daypilot-scheduler-ontimerangeselecting/ It will let you highlight the current resource using args.row.addCl...
Answered: There is no built-in recurrence support in the JavaScript version. The recurrence needs to be implemented on the server side and the implementation will be platform-specific. If you only work with a ...
Answered: The bubble content width is not changed by the bubble. It works like this: 1. The content is first rendered in an absolute layer. It will respect the content and use the CSS from the theme. 2. The re...
Answered: You can supply as many events as you need, there is no limitation. If there is a problem with loading the event data, I recommend checking the browser console for JavaScript errors - there might be a...
Answered: You can set a custom CSS class using the config: const bubble = new DayPilot.Bubble({ theme: "mybubble", // ... }); All CSS classes used in the bubble will be prefixed with "mybubble_" instead of "bu...
Answered: At this moment, the links are not rendered progressively, but they are rendered all at once. We're checking if there is a way to render them in sync with the events. That would make more sense.
Answered: The Scheduler tries to read the actual event styles but it does it using a standard event (and not for every item). If you apply custom text color (and other properties) using a CSS class it won't be...
Answered: I recommend following the Angular Scheduler Zoom tutorial which includes a working Angular project where everything works fine: https://code.daypilot.org/12302/angular-scheduler-zoom In particular, y...
Answered: In order to center the icon vertically, you need to: 1. Specify the vertical position using "top" and "bottom" properties (use the same values). 2. Center the content using "display: flex". It could ...
Answered: The onClick handler seems to work fine. Areas with action: "Bubble" were not supported in Scheduler cells until now - but it should be enabled in the latest sandbox build (2021.4.5153). Please let me...
Answered: Unfortunately, the context menu doesn't support a search box or custom elements. To select a user from a long list you can use a dialog created using DayPilot Moal which supports a searchable list: i...
Answered: If you use heightSpec: "Parent100Pct" the Scheduler will use the available space, i.e. 100% of the parent element. It requires that the parent element height is set properly (either using height or a...
Answered: By default, the Scheduler works with exact date points. The end of such selection is "2021-12-10T00:00:00" which results in "Dezember 10, 2021" in the label. This allows the same logic to be applied ...
Answered: With the Scheduler component, it is possible. Please take a look at the following tutorial: https://code.daypilot.org/57279/javascript-scheduler-skip-non-business-cells-during-drag-an Please let me k...
Answered: You can remove the crosshair highlighting from the first row header column like this: <style> .scheduler_default_rowheader:not(.scheduler_default_rowheadercol) .scheduler_default_crosshair_left { dis...
Answered: Hi Martin, In the JavaScript version, it's not possible to change the mapping. But you can transform your object easily like this: const myEvents = [ /* ... */ ]; const events = myEvents.map(e => ({ ...
DayPilot