All Tutorials

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.

How to show availability of child resources using color bars in the JavaScript Scheduler component.

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

How to implement an ordered queue of unscheduled tasks that can be dragged to the Angular Scheduler component.

Angular 18 project that shows how to dynamically configure the Scheduler context menu (for events and rows).

Use the online configurator application to generate a new Angular project with a customized Scheduler component.

Learn how to create a context menu-driven event swapping feature, enabling users to exchange two selected events.

Learn how to enhance Vue Scheduler events with custom Vue components. Add dynamic content, interactive elements and apply custom styling.

Weekly HTML5/JavaScript event calendar with CSS themes, drag and drop support, date navigator. Sample PHP and ASP.NET Core projects with REST backend implementation.

Learn how to add notes to the cells of a JavaScript Scheduler component. Notes are indicated by a red triangle in the upper-right corner and become visible upon hovering over a cell.