How to define custom time segments in the Scheduler time headers. In this example, we will display a special header that will highlight work weeks and weekends.
When removing events from the scheduler, it is possible to remove them completely or to move them to a queue of unscheduled tasks or a row with unassigned events (while keeping the scheduled time).
How to integrate the React Scheduler component into a full screen page layout. The full screen mode will allow rendering optimizations to be applied correctly and avoid a confusing duplicate vertical scrollbar.
How to configure the JavaScript Scheduler control to provide additional functionality on mobile and touch devices (iOS, Android). Includes a sample HTML5/JavaScript project, a custom CSS theme and a set of font icons.
How to implement event swapping using drag an drop in the JavaScript Scheduler component. Detect events at the target position and move the target event to the source position after drop. The Scheduler provides real-time feedback during dragging.
How to enable keyboard navigation in the JavaScript Scheduler component. Use the keyboard to focus cells in the grid, select a time range and edit existing events.
DayPilot
