Active Questions

Answered: Yes, you can do it using the onBeforeCellRender event, like this: onBeforeCellRender: args => { if (args.cell.row.data && args.cell.row.data.frozen) { const events = scheduler.events.forRange(args.ce...

Answered: Meanwhile, some general debugging info: > While all functionality works correctly in the HTML window (excluding double-click, right-click, and hover interactions on both row headers and events), sing...

Answered: Do you see any error in the JavaScript console?

Answered: Thanks, Mikolaj! There are two options: You can force a specific line in a row using the line property of an event. You can join the events virtually into a single unit using the container property -...

Answered: In order to detect changes performed by the Scheduler UI in Vue, you need to watch the source object. Like this: <template> <DayPilotScheduler :events="events" :resources="resources" /> </template> <...

Answered: When you use an async function in the event handler, calling args.preventDefault() after await has no effect as the processing continues immediately (before args.preventDefault() gets called). You ne...

Answered: Could you please post a screenshot that would show your requirement?

Answered: Unfortunately, this feature is only available in the Pro version at the moment. In the open-source version, the selection is limited to a single column of the Calendar component.

Answered: Canvas is very fast, but it doesn’t support HTML for styling which is a huge disadvantage. We built a prototype some time ago. Everyone wants it fast but when it comes to styling, nobody wants to giv...

Answered: Yes, this is where the exception comes from, but the stack trace points to the code that uses it. That would help identify the problem. According to your log, both objects are DayPilot.Date but they ...

Answered: You can do it in the onEventMove event handler using the events.forRange() method: onEventMove: args => { const movedEvent = args.e; const newStart = args.newStart; const newEnd = args.newEnd; const ...

Answered: The showEventStartEnd property isn’t supported in the open-source version of the Calendar component at the moment. However, you can customize the event content as needed using the onBeforeEventRender...

Answered: Please see the src/index.html file in the project attached to the Angular Scheduler: Event Filtering tutorial - the header is defined there.

Answered: To prevent the menu from closing when an item is clicked, you can add an onClick event handler to the items and stop the click event from bubbling: const menu = new DayPilot.Menu({ items: [ { text: "...

Answered: Hi Leo, In the latest sandbox build (2024.4.6201), you can now use the rows.collapseAll() method to collapse all rows of the Gantt chart with a single update.

Answered: In the manual timeline mode, the Scheduler always uses the default cell width unless you specify it explicitly. The start and end of the last shift are correct (2 hours), but it is displayed at full ...

Answered: Hi The problem gets fixed by using the following one to open all the tabls. dp.rows.expandAll(); Thank you for the great library. Martin

Answered: In this case, modal.result holds a copy of the data object. Its properties are set according to the user selection. So, in order to get the radio selection, you need to read modal.result.resource . T...

Answered: The cell duration (and number of cells per hour) can be configured in the Calendar , but this option is only available in the Pro version.

Answered: The current implementation of keyboard.focusCell() finds the default keyboard cursor position for the specified cell. That can be an event if it is at the top position (line 0). However, it should be...