How to group related events into a single event in the JavaScript Scheduler component and add expand [+] and collapse [-] icons that allow changing the event visibility.
Jun 16, 2021
Back to JavaScript Scheduler Tutorials
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
Source code of a Spring Boot web application that uses HTML5/JavaScript scheduler to display events for multiple resources.
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
React application that will let you assign queued work orders to a specific employee and time slot. Includes a PHP backend with MySQL storage.
May 23, 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
HTML5 scheduler with drag and drop support. Displays a timeline for multiple resources grouped by category. Sample PHP project with AJAX backend implementation. Uses MySQL to store the scheduler data.
May 13, 2021
Add an icon to the JavaScript Scheduler row headers that will let users scroll to the next free slot in the row.
Apr 16, 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 insert React components or direct JSX to Scheduler row headers.
Jan 28, 2021
How to configure the JavaScript Scheduler component to automatically move events at the target location during drag and drop.
Jan 19, 2021
ASP.NET MVC Core project that uses JavaScript Scheduler component with dynamic event loading feature enabled. See what performance you can expect when displaying large data sets.
Jan 17, 2021
How to draw a custom timeline in the DayPilot Pro JavaScript Scheduler time header.
Jan 16, 2021
Split events in HTML5 Scheduler at a specified location using right-click context menu.
Jan 5, 2021
How to disable custom date/time range in each row of the JavaScript Scheduler component.
Jan 4, 2021