A flexible modal dialog. It can display custom HTML or a standalone page. Supports drag&drop moving and automatic height adjustment. Open-source.
April 20, 2019 (updated)
HTML5 Hotel Room Booking (JavaScript/PHP/MySQL)
Tutorial with source code - PHP web application for hotel room reservation with HTML5 user interface supporting drag and drop. MySQL and SQLite databases.
May 22, 2019 (updated)
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.
April 17, 2019 (updated)
How to show availability of child resources using color bars in the JavaScript Scheduler component.
March 29, 2019 (new)
How to add custom logic to the Scheduler component that skips non-business cells during drag and drop operations (event creating, event resizing, event moving).
March 29, 2019 (updated)
How to change the zoom level of the JavaScript Scheduler component in real time using a slider and (+)/(-) buttons.
March 26, 2019 (updated)
How to configure Scheduler event boxes to accept items from an external list (drag and drop). Implemented using standard HTML5 drag and drop API.
March 25, 2019 (updated)
How to add context menu to resources/rows of the JavaScript Scheduler (edit, delete, add child resource).
March 21, 2019 (new)
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.
February 18, 2019 (new)
Test the performance of the Angular Scheduler component with 400,000 events loaded at once.
February 7, 2019 (new)
Browse Tutorials by Topic