Answered: You need to change the event data object and call dp.events.update(data); to update the view. Depending on how much you want to encapsulate the component, you can either pass DayPilot.Scheduler insta...
Answered: The primary purpose of events.find() is to find an event by ID. It searches events.list and if you need to filter the event data I recommend accessing the data store directly: let events = dp.events....
Answered: This issue should be fixed now in the latest sandbox build (2020.4.4741). It also fixes this issue: https://forums.daypilot.org/question/5244/showing-hiding-resource-columns-doesnt-synchronize-with-f...
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: Your email might not have arrived, sorry for the troubles. Can you please contact sales@daypilot.org and include a reference to this forum question?
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: You can handle onClick event and modify the selection using the event selection API, i.e. multiselect.add(): https://api.daypilot.org/daypilot-scheduler-multiselect-add/
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: The best way is to remove the "areas" property from TL_sys_bloki.php and add it using onBeforeEventRender: dp.onBeforeEventRender = function(args) { args.data.areas = [ {left: 0, top: 0, width: 20, h...
Answered: You can use :hover CSS selector to define the hover style: .scheduler_default_cell:hover, .scheduler_default_cell.scheduler_default_cell_business:hover { background-color: #ccc; }
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: You can group the users by department or by alphabetically - this will let you load the group children dynamically when users click the expand icon: https://doc.daypilot.org/scheduler/dynamic-resourc...
Answered: The Scheduler theme doesn't define the scrollbar appearance. It will use the default styles (defined by the browser or by your global styles). If you want to modify the default scrollbar appearance, ...
Answered: You can access the time range boundaries using args.start and args.end in onTimeRangeSelected event handler. Please see also: https://api.daypilot.org/daypilot-scheduler-ontimerangeselected/ You can ...
Answered: In order to apply a specific order, you need to set different sort field values for each of the overlapping events. If the sort field is set only one of them the rest will appear in random order. If ...
Answered: The scrollTo() call only works if the grid is already displayed and has non-zero dimensions. Since you define no resources before init() it can't scroll until the resources are loaded. There are two ...
DayPilot