Active Questions

Answered: Yes, this is possible: https://javascript.daypilot.org/demo/calendar/daysresources.html https://doc.daypilot.org/calendar/column-header-hierarchy/ You can also take a look at the Scheduler that can d...

Answered: Solved by changing to manual BIND TimeRangeSelectedHandling="JavaScript" TimeRangeSelectedJavaScript="btn_navigateClick();"

Answered: You need to go through the events in a row to find the free slots. See also the following tutorial: https://code.daypilot.org/94263/javascript-scheduler-find-next-free-slot

Answered: You need to use a different resource ID for the parent rows. An event will be displayed in all rows where the id matches the event resource id (resources[].id === events.list[].resource).

Answered: You can try this: TimeHeaders = new TimeHeaderCollection() { new TimeHeader(GroupBy.Month), new TimeHeader(GroupBy.Day), new TimeHeader(GroupBy.Cell, "tt"), },

Answered: The bubble opened by an active area (action: "Bubble") is always displayed immediately. If you want to delay it you can use the following code: args.data.areas = [ { right: 0, top: 0, width: 20, heig...

Answered: The time range selection is not part of the Scheduler state and it will get cleared on update.

Answered: You can turn off progressive event rendering but it will affect performance when displaying a large number of events. See also: https://doc.daypilot.org/scheduler/progressive-event-rendering/

Answered: Please take a look at the following tutorial: https://code.daypilot.org/72047/javascript-scheduler-copy-multiple-events

Answered: It's not possible to hide the boxes but you can use onBeforeCellRender event to remove the day numbers (args.cell.headerHtml) and use a different background color (args.cell.backColor). See also: htt...

Answered: It looks like this might be buggy behavior on the Angular side (or my lack of understanding of ngcc). The ngcc compiled code is significantly different when automatically run by `ng build` vs when ru...

Answered: All DayPilot Pro for JavaScript features are available in React as well. To learn more about event editing, please see the following documentation page: https://doc.daypilot.org/scheduler/event-editi...

Answered: Unfortunately, the menu doesn't support checkbox items so it can't be used for this purpose. You'd have to create a custom panel to show the checkboxes.

Answered: The "used" value will be 0 before the events are loaded. The result of onBeforeCellRender is cached and in most cases the caching needs to be disabled using "cellsAutoUpdated" property of the parent ...

Answered: I'm not sure if that's what you mean but it's possible to exclude the hidden time from the event duration when moving events using drag and drop: https://api.daypilot.org/daypilot-scheduler-eventmove...

Answered: Unfortunately, it's not clear from your example what could be wrong. I recommend starting with a working project from one of the tutorials, e.g. https://code.daypilot.org/18967/event-calendar-with-da...

Answered: This was not implemented in the Calendar component but it's now available in the latest sandbox build (2021.1.4923): this.calendar.control.message('Welcome', {delay: 5000, cssClass: 'welcome-msg'}); ...

Answered: This should work fine - I recommend checking if your Page_Init() method is being called properly. If it is, you might be overwriting the menu items somewhere else.