Answered: We don't officially support Ionic. It may or may not work. Ionic is quietly intercepting events and doing some weird things, especially in the early versions. I recommend trying it with the latest Io...
Answered: The args.newText value is read-only and you can change the text by canceling the default event and submitting the adjusted value: dp.onEventEdit = function(args) { args.preventDefault(); args.e.data....
Answered: The latest sandbox build (2020.4.4729) lets now includes an experimental onAfterEventEditRender event handler that lets you access the editing <textarea> element using args.element. You can use it to...
Answered: These events were renamed to onBeforeEventDomAdd and onBeforeEventDomRemove to make the names consistent with other events. The old events were supposed to be supported as well but there is a bug tha...
Answered: If you load the events using one of the optimized methods, e.g. events.load(); or update({events: [...]}); the Scheduler will only update the events. You'll need to force a full refresh to re-render ...
Answered: You can override "display: flex" if needed. It is only used to enable vertical centering within the event box. You can also keep "display: flex" and use "justify-content" to align the event text to t...
Answered: You may want to take a look at the "frozen rows" feature that may help with some scenarios: https://doc.daypilot.org/scheduler/frozen-rows/ If that doesn't work, you can use the addEventListener sync...
Answered: I recommend checking the data - it may contain invalid items which break the view. You can also check the JavaScript console to see if there are any errors.
Answered: Unfortunately, this is not possible at the moment. You can modify the CSS and show the row header title at the top of the cell (the middle position may not work well for large heights).
Answered: You can get the row object (DayPilot.Row) using rows.find(): dp.onEventMove = function(args) { var row = dp.rows.find(args.newResource); // ... }; It's also possible to use onEventMoving instead to b...
Answered: It seems i was to early with my post. i came across this documentation. https://doc.daypilot.org/scheduler/infinite-scrolling/ Going to try this out first.
Answered: It's the Vue app: var app = new Vue({ el: '#scheduler-app', data: { } }); It was missing in the previous code samples - the tutorial is updated now.
Answered: If you only work with full days, you can switch to eventEndSpec="Date" mode which will translate the end date to "end of day": https://doc.daypilot.org/scheduler/event-end-date-time/ But that will no...
Answered: You can specify the number of days using days property: https://api.daypilot.org/daypilot-scheduler-days/ This way you can display as many months as you need.
Answered: > SO the question is how can I send as a response this data from database to the jpa and to display it on the scheduler correctly. This is what the tutorial is trying to explain in "Loading Scheduler...
Answered: Unfortunately, it's not possible to scroll the page using the row header this way. If you really have to do it, you'll need to use an element from the main grid (e.g. a cell). This will keep both pan...
Answered: The message appears if you deploy the trial version. The trial version can only be used for evaluation and this message is a reminder that you need to purchase a license: https://javascript.daypilot....
Answered: Ok, I played a few hours, looked at the new resource object in tabular mode and came to the following solution. Note that I removed the 'display' attribute, to make sure DayPilot looks at the columns...
Answered: The generated timeline (scale !== "Manual") starts at 00:00 on the date specified using startDate. If you want to shift the start by a smaller unit you will need to hide selected time cells ( https:/...
Answered: > I installed the newest version und the error is gone, but we have instead a new one: "f.divHover is undefined" Like with divShadow we didn't change anything. The Scheduler object is initialized and...
Answered: The event phases are displayed using active areas ( https://doc.daypilot.org/scheduler/event-active-areas/ ). Active areas are rectangles inserted into events. The can be positioned using css-like le...