Active Questions

Answered: You need to get the DayPilot.Event instance first using events.find(). Then you can update the event using events.update(). const dp = this.scheduler.control; const e = dp.events.find("1"); e.data.te...

Answered: In order to set raw HTML you can use the "html" property of the resources[] array items: https://api.daypilot.org/daypilot-scheduler-resources/ You can also customize the HTML dynamically using onBef...

Answered: > I tried the simple tutorial that is available to get the active area working. How can I have it working on a specific column of my row header? If you define custom row header columns (rowHeaderColu...

Answered: Nvm, I managed to find it. If anyone is looking for a solution, args.row.data.children[i].areas. Iterate over the row children

Answered: You can customize the image export using the onBeforeEventExport method of the internal scheduler object: https://api.daypilot.org/daypilot-scheduler-onbeforeeventexport/ For cells, use the onBeforeC...

Answered: You can use DayPilot.Modal.form() instead to customize the content: https://api.daypilot.org/daypilot-modal-form/ The following example would display a list: const form = [ {text: "Would you like to ...

Answered: In Angular/React, you can't mix the config changes with direct API calls like this. The config changes are merged and applied at once after the current code block finishes. The result of this logic i...

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

Answered: Thanks for the feedback! It will be fixed soon.

Answered: I recommend using DayPilot.Modal.form() to edit event details (or to enter new event data). This method lets you define the modal form fields programmatically and all the logic stays at the original ...

Answered: You can control the bar width and other properties using CSS. The bar is built using two nested divs with the following CSS classes (applies to the default "calendar_default" theme): calendar_default...

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: I answer to myself Private Sub ParkingDP_BeforeResHeaderRender(sender As Object, e As BeforeResHeaderRenderEventArgs) Handles ParkingDP.BeforeResHeaderRender Dim htm As String = "<img src=data:image/...

Answered: The Scheduler lets you specify custom event order but unfortunately it doesn't support reordering events (inside cells) using drag and drop.

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: You can control the indent width using treeIndent property: https://api.daypilot.org/daypilot-scheduler-treeindent/

Answered: You can use document.querySelector().value to get the value of the input field.

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: No, this is not supported at the moment. You'll need to calculate the start and end dates before displaying the data in DayPilot.

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