Active Questions

Answered: You can customize the Scheduler event appearance using the onBeforeEventRender event handler. It lets you apply custom CSS class to the event, and specify event phases using active areas . See also t...

Answered: The onEventMoved event is fired when all updates are complete, and it’s fine to use it for updating either the calendar/scheduler itself or external elements. The onEventMoving event is fired in real...

Answered: This was a regression that has been fixed in version 2023.4.5772 . Please let me know if the problem persists.

Answered: It behaves as if the Calendar component were updated in the middle of the drag-and-drop movement. You can see that the source event (which is marked with calendar_default_event_moving_source CSS clas...

Answered: You can customize the row header using the onBeforeRowHeaderRender event handler.

Answered: You can customize the row header using the onBeforeRowHeaderRender event handler.

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: This bug should be fixed now in the latest sandbox build (2023.4.5802): https://release.daypilot.org/changes/js/ Please let me know if the problem persists.

Answered: You can define a custom margin beneath each event with the eventMarginBottom property, or alternatively, override the CSS to introduce additional whitespace. For more details, please see the Event Sp...

Answered: There are a couple of options; please see the Row Height topic in the Scheduler documentation.

Answered: I assume you mean the Scheduler component. It is possible to freeze the specified rows - please read more in the Frozen Rows documentation topic.

Answered: Most likely, this is caused by the fractional value used for the cellHeight property: const config: any = { cellHeight: 42.75, // ... } I recommend using an integer value. Fractional values may not o...

Answered: This bug should be fixed now in the latest sandbox build (2023.4.5797): https://release.daypilot.org/changes/js/ Please let me know if the problem persists.

Answered: AutoScroll is enabled by default in the Calendar component for drag-and-drop operations (moving, resizing, and time range selection). You can set the value of the autoScroll property to "Always" to e...

Answered: This bug should be fixed now in the latest sandbox build (2023.4.5786): https://release.daypilot.org/changes/js/ Please let me know if the problem persists.

Answered: This is not a limitation of the trial version. I recommend checking the DOM structure of the production build in the browser (using developer tools) to see whether the elements are using the expected...

Answered: Could you please specify which type of drag-and-drop you are referring to? You can drag events horizontally without any problems, it is enabled by default.

Answered: If you would like to load Scheduler events from the server during scrolling (this feature is called dynamic event loading ), you need to do two things: Enable this feature using dynamicLoading: true ...

Answered: The tasks.list property contains the original array of tasks. Its find() method is the standard Array.prototype.find() method, which searches through the array items. To find a task by its ID within ...

Answered: To customize the content of the time header cells in the Scheduler , you can use the onBeforeTimeHeaderRender event handler.