Answered: Unfortunately, this is not possible. You might be able to mimic this arrangement in the Scheduler using a combination of custom start/end values and eventStackingLineHeight ( https://doc.daypilot.org...
Answered: You can change the bar width using CSS: <style> .wider-bar .calendar_default_event_bar, .wider-bar .calendar_default_event_bar_inner { width: 12px; } </style> And add the "wider-bar" CSS class to the...
Answered: It's important to remember that the timeout gets reset after the component is updated. Normally, this doesn't happen too often and you usually load the current data set from the server. If you see th...
Answered: Yes, there are many different scenarios that are not covered by this sample. To add more people to the same time and location, you can choose a solution depending on the workflow: 1. To allow more as...
Answered: Yes, you can do it using onBeforeTimeHeaderRender event handler: import {Component, ViewChild, AfterViewInit} from '@angular/core'; import {DayPilot, DayPilotSchedulerComponent} from 'daypilot-pro-an...
Referring to this ticket: https://forums.daypilot.org/question/5478/keyboard-navigation-from-last-cell The following example will update the keyboard focus during time range selection (cell clicks): ...
Answered: The link arrows are 6px * 6px elements marked with the following CSS classes: scheduler_default_link_arrow_right scheduler_default_link_arrow_left scheduler_default_link_arrow_down scheduler_default_...
Answered: This should be fixed now in the latest sandbox build (2022.1.5176): https://release.daypilot.org/changes/js/ The Scheduler will scroll if you reach the top or bottom border of the main grid (excludin...
Answered: Thanks for the sample project. This issue should be fixed now in the latest sandbox build (2022.1.5180): https://release.daypilot.org/changes/js/ In the latest release, you can work around the issue ...
Answered: You can do that using onEventMoving event handler: dp.onEventMoving = args => { args.top.enabled = true; args.top.html = args.start.toString("HH:mm"); }; See also: https://api.daypilot.org/daypilot-c...
Answered: When you switch the calendar viewType to "Resources", you can define custom columns. Take a look at the following documentation page: https://doc.daypilot.org/calendar/column-header-hierarchy/ Exampl...
Answered: This error suggests that the event data object doesn't have the correct structure. I recommend checking the object - it may look fine at first sight but make sure that it's a real object - and not a ...
Answered: Usually, you'll want to display the loading indicator when you initiate an HTTP call that loads the data. This way it will cover the whole waiting time.
Answered: 1. On touch/mobile devices, you can open the event context menu using the standard two-finger tap gesture. If you use eventTapAndHoldHandling: "ContextMenu" you can open the context menu using tap-an...
Answered: This issue should be fixed now in the latest release (2021.4.5165): https://javascript.daypilot.org/daypilot-pro-for-javascript-2021-4-5165/ Please let me know if there is any problem.
Answered: Unfortunately, it's not possible to use Angular templates in the cornerHtml property. However, it is possible to create a custom Angular component and add it to the upper-left corner - please see the...
Answered: It looks like you are using a custom CSS theme - you'll need to add styles for the separator which is created using two nested divs (div > div). Standard items are created using a div and an anchor e...
Answered: Yes, it is possible - please take a look at the following tutorial: https://code.daypilot.org/85404/javascript-scheduler-select-a-time-range-over-multiple-rows
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: 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 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: 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: 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: 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: 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...
DayPilot