Answered: Yes, this is possible. To distinguish this action from moving the original event to a new location, you can use a modifier key or an active area. 1. Modifier key You can use the approach described in...
Answered: In the Scheduler, the visible range is set using the startDate and days properties. You should use the combination that displays the desired date range. Another option is to create a custom timeline ...
Answered: Yes, this is possible. You can use the same technique that is used in the yearly calendar tutorial (which displays months as columns) - define rows with custom start, one per month: <div id="dp"></di...
Answered: We don’t plan to add a vertical scrollbar support to the frozen rows in the Scheduler. If you want to display two independently scrolling row sections, I recommend using two Scheduler instances, like...
Answered: > Why don’t select a cell or event when moving the cursor? In Excel when I move my cursor to the next cell, it selected the cell direct and I can edit or add something. OK, let’s see if I understand ...
Answered: The full crosshair in the Scheduler now allows mouse events to pass through in the latest sandbox build (2023.4.5765). See also: https://release.daypilot.org/changes/js/
Answered: The Scheduler includes a built-in tool for selecting multiple events using drag and drop - the rectangle selection . You can switch it to row-only mode to only select events in the same row. It disap...
Hello, would you please add a possibility to have a date type column in daypilot modal table ? It would help a million times. Or is there some way to hack it ?
Answered: There is now a Vue Composition API example available in the documentation: https://doc.daypilot.org/calendar/vue-js/ Here is a shortened version that shows how to access the DayPilot.Calendar object ...
Answered: You can use the "dateFormat" property of the date field: const resources = [ {name: "Resource A", id: "A"}, {name: "Resource B", id: "B"}, {name: "Resource C", id: "C"}, ]; const form = [ {name: "Tex...
Answered: I recommend you to review the code and remove duplicate parts - that makes it confusing and error-prone. You define three functions that do the same thing. There are also other issues, like calling s...
Answered: You might want to take a look at the "split resources" feature: https://doc.daypilot.org/scheduler/split-resources/ It lets you split a resource into multiple subresources, each having a special row ...
Answered: The element that displays htmlLeft/htmlRight content has variable width and it's not possible to calculate the real width without expensive pre-rendering. However, you can use a workaround: You can r...
Answered: The React monthly calendar component works the same way - you need to update the "startDate" property and provide the event data for the new range using "events" property. Another option is to update...
Answered: You need to get a reference to the DayPilot.Month object (using "ref" attribute) and call its update() method to display the events. You can find an example here (see the "How to load calendar event ...
Answered: When using the default theme, the Scheduler events are marked with "scheduler_default_event" CSS class (the outer div) and "scheduler_default_event_inner" (the inner div): .scheduler_default_event_in...
Answered: At this moment, there are a couple of other features in the queue for the Calendar. If you would like to sponsor this feature and speed things up, please write to sales@daypilot.org to discuss the op...
Answered: This is a regression bug which should be fixed now in the latest sandbox build (2021.4.3805): https://aspnet.daypilot.org/sandbox/ Thanks for reporting the issue!
Answered: The warnings on non-passive event listener only appear if you set the log level to "Verbose". It's a hint and not something that can be "fixed" in all cases. The non-passive listener is essential for...
Answered: Unfortunately, this is not possible at the moment. You can implement this feature using your own button. You can find an example here: https://javascript.daypilot.org/demo/scheduler/rowheadercolumns....
Answered: The keyboard API is now available - please take a look at the following tutorial: https://code.daypilot.org/68177/javascript-scheduler-how-to-use-the-keyboard-api
Answered: Hi Mikolaj, There are two options: 1. If you want to display your data in cells (in the background layer), you can use the logic described in the following tutorial and modify the cell properties (ba...
DayPilot