Learn how to change a React Scheduler CSS theme, create and apply your own theme and override individual styles.
Jul 1, 2021
Back to JavaScript Scheduler Tutorials
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.
Jun 24, 2021
How to link the JavaScript Scheduler component to a date picker that can change the visible date.
Jun 23, 2021
How to switch the JavaScript Scheduler to read-only mode (all drag and drop operations are turned off). Disabling drag and drop for specific events.
Jun 18, 2021
How to set alternating colors for JavaScript Scheduler columns (time headers and grid).
Jun 11, 2021
How to configure the JavaScript Scheduler component to accept files dragged from the desktop. The file will be converted to a Scheduler event on drop.
Jun 9, 2021
Simple web application that displays tennis court availability and lets the users create a reservation using drag and drop. Includes a PHP project with sample MySQL/SQLite database.
Jun 8, 2021
PHP application that lets you record restaurant table reservations and find a free table using a visual user interface. With MySQL database storage.
May 13, 2021
Copy multiple Scheduler events using copy & paste or using drag and drop.
Apr 13, 2021
How to make parallel HTTP requests, wait for all of them to complete and update the JavaScript Scheduler once.
Mar 15, 2021
How to define your own Scheduler event types and customize the appearance. You can change the event type using a context menu or a modal dialog.
Mar 10, 2021
How to add warm-up and cool-down time to Scheduler events. The additional time segments are stored and displayed automatically but drag and drop is only enabled for the core event.
Jan 31, 2021
How to define day/week/month views for the JavaScript Scheduler. The current view can be switched using custom buttons.
Jan 31, 2021
How to configure the JavaScript Scheduler to automatically shift existing events forward when a new event is dragged and dropped, to avoid overlaps.
Jan 19, 2021
How to draw a custom timeline in the DayPilot Pro JavaScript Scheduler time header.
Jan 16, 2021
Client-side undo/redo implementation for the JavaScript scheduler component. Displays the action history and the current position in the list.
Jan 2, 2021
How to load HTML5 scheduler events from the server dynamically during scrolling. Includes a sample PHP server backend.
Dec 23, 2020
HTML5 sample that shows how to export the JavaScript Scheduler to multi-page PDF file (5 rows per page).
Dec 18, 2020
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.
Dec 14, 2020
How to configure the JavaScript Scheduler component to display custom holiday information and block drag and drop operations for the holiday cells.
Dec 14, 2020