Answered: You can take a look at the following tutorial to see how to handle row moving and persist the row order (in JavaScript/Node.js): https://code.daypilot.org/95340/react-activity-planning-system-node-ex...
Answered: The Kanban component respects the original order of items (in cards.list). You can insert the card at the desired location there and call update().
Answered: If you use a timeline with gaps between cells or adjust the event length for non-business hours (eventMoveSkipNonBusiness) you should forbid moving events that cross the Scheduler grid edge. The Sche...
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: 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: 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: You can try this: TimeHeaders = new TimeHeaderCollection() { new TimeHeader(GroupBy.Month), new TimeHeader(GroupBy.Day), new TimeHeader(GroupBy.Cell, "tt"), },
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: 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: 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: 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: 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: 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: 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.
Answered: You need to return the ID of the new event from the server after saving the new record in the database. Then you can add the event to the Scheduler using events.add(). Please take a look at the follo...
DayPilot