Below, you can find a list of tutorials that show how to use the Scheduler UI component to create scheduling, reservation and project management web applications.
All tutorials include a downloadable project with source code which you can use to build your own solution. The tutorial text explains how to install, configure and customize the scheduler component.
See also Scheduler UI Builder - an online configurator application that lets you customize the Scheduler and generate a web project as a zip file (JavaScript/HTML5, Angular, React and Vue.js projects are supported).
HTML5 web application for managing doctor appointments. Includes public and administration interface. Patients can request an appointment in one of the slots predefined using the administration interface. Implemented in PHP/MySQL.
Jul 24, 2024
Learn how to style linked events in the JavaScript Scheduler component to visualize dependencies and relationships.
Jul 19, 2024
Add a scheduler UI component to your React application in a few easy steps. Fast data loading, drag and drop, appearance customization options.
Jul 17, 2024
Angular 18 project that shows how to display events split into phases in the Scheduler component.
Jul 16, 2024
How to switch the date range displayed by the Vue.js Scheduler using next/previous buttons.
Jul 15, 2024
Simple HTML5/PHP web application that shows how to enable infinite scrolling for the Scheduler UI component.
Jul 12, 2024
How to display global and row-specific holidays in the Vue Scheduler. Optionally, disable the drag and drop operations for the holiday cells.
Jul 12, 2024
The React Scheduler component can record all drag and drop actions and allow unlimited undo/redo. See how to add undo/redo buttons and display the full history.
Jul 9, 2024
Angular application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.
Jul 7, 2024
ASP.NET Core project that uses JavaScript Scheduler component with dynamic event loading feature enabled. See what performance you can expect when displaying large data sets.
Jul 7, 2024
How to add a zoom feature to the React Scheduler timeline. You can change the zoom level (and timeline resolution) using a "range" control and "zoom in" and "zoom out" buttons.
Jul 4, 2024
How to create a queue of tasks scheduled for a specific day. The exact time of day and resource can be assigned using drag and drop in the next step.
Jul 3, 2024
Add an icon to the JavaScript Scheduler row headers that will let users scroll to the next free slot in the row.
Jul 2, 2024
How to disable custom date/time range in each row of the JavaScript Scheduler component.
Jul 2, 2024
Angular application with Scheduler component that can filter events in real time (by text, category, duration).
Jun 30, 2024
This tutorial shows how to create a PHP web application for machine/production job scheduling. The visual HTML5 scheduling grid displays task assignments, duration and dependencies. Users can use drag and drop to change the schedule.
Jun 28, 2024
Explore the built-in UI elements that let your users manage (create, edit, move, delete) resources displayed using the React Scheduler component.
Jun 27, 2024
How to show availability of child resources using color bars in the JavaScript Scheduler component.
Jun 25, 2024
How to calculate resource utilization percentage and display a histogram at the top of the Vue Scheduler component.
Jun 25, 2024
Angular web application that lets you assign and schedule work orders using drag and drop. Built using DayPilot Scheduler Angular component. Includes a REST backend implemented in PHP/MySQL
Jun 23, 2024
Articles
1-20 of
200
Next