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).

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.

How to display milestones in the React Scheduler component. You can use custom shapes, icons, colors and connect the milestones using links.

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.

How to export the current React Scheduler view to a multi-page PDF document with a specified number of rows per page.