Active Questions

Answered: The purpose of the invalidate() method ( https://api.daypilot.org/daypilot-cellarray-invalidate/ ) is to ask for a fresh result of onBeforeCellRender event callback. It is useful if you display calcu...

Answered: The cell borders are rendered using long 1px elements that are displayed at the cell boundaries. The color is set using "background-color" style. The horizontal lines are marked with .scheduler_defau...

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: 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: 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: 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: 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: You can disable the animation using treeAnimation property: https://api.daypilot.org/daypilot-scheduler-treeanimation/

Answered: Yes, you can do it using onBeforeTimeHeaderRender event handler: import {Component, ViewChild, AfterViewInit} from '@angular/core'; import {DayPilot, DayPilotSchedulerComponent} from 'daypilot-pro-an...

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