Questions Tagged javascript

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: It seems to be a Bootstrap theme conflict, not a DayPilot issue, I will investigate my side,

Answered: Unfortunately, this is not possible at the moment and I can't think of any workaround.

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: Yes, it's onRowHeaderResized: https://api.daypilot.org/daypilot-scheduler-onrowheaderresized/

Answered: This property is now added in the latest sandbox build (2020.4.4740).

Answered: This issue should be fixed now in the latest sandbox build (2020.4.4741).

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: This issue should be fixed now in build 2020.4.4757. Please let me know if it doesn't work as expected.

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: It's OK, I found the solution myself using onTimeRangeSelecting

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: Can you please contact support@daypilot.org and include your order number?

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: Unfortunately, that is not supported.

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: This should be fixed now in the latest sandbox build (2020.4.4698): https://javascript.daypilot.org/sandbox/

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

Answered: Unfortunately, server-side React rendering is not supported.

Answered: Yes, but it requires some work. 1. First, you need to keep track of individual changes on the server side, and store them as a sequence. Each change would be something like add/remove/update action w...