Tutorials: Linking Dependent Events in Scheduler

These tutorials show how to use the Scheduler’s links feature to display dependencies between events, tasks, and milestones in your project management application.

When adding the links to the schedule, you can specify the start and end task, the link type (e.g. FinishToStart), color, line style (solid, dotted, dashed) and curve shape (curved or right-angled).

The Scheduler supports adding links dynamically using drag and drop.

The dependency links are available in the JavaScript Scheduler component, as well as in the Angular, React, and Vue versions.

React Shift Scheduling Application (PHP/MySQL Backend)
React Shift Scheduling Application (PHP/MySQL Backend)
React application that lets you visually schedule shifts at multiple locations. The backend REST API is implemented using PHP and MySQL.
ASP.NET Core Production Workflow Scheduling Tutorial
ASP.NET Core Production Workflow Scheduling Tutorial
Schedule manufacturing jobs by assigning tasks to individual machines using drag and drop. Includes an ASP.NET Core application for download, data is stored in an SQL Server database.
JavaScript Scheduler: Styling Linked Events
JavaScript Scheduler: Styling Linked Events
Learn how to style linked events in the JavaScript Scheduler component to visualize dependencies and relationships.
PHP Machine/Production Job Scheduling Application (MySQL)
PHP Machine/Production Job Scheduling Application (MySQL)
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.
ASP.NET Core Shift Planning (Entity Framework, .NET 8)
ASP.NET Core Shift Planning (Entity Framework, .NET 8)
This tutorial explains how to create a visual ASP.NET Core application for scheduling shifts (multiple locations and employees). It uses a modern UI that lets you manage shifts using drag and drop.
React: Milestone Scheduler
React: Milestone Scheduler
How to display milestones in the React Scheduler component. You can use custom shapes, icons, colors and connect the milestones using links.
Tutorial: Machine/Production Job Scheduling Web Application (Spring/Java)
Tutorial: Machine/Production Job Scheduling Web Application (Spring/Java)
Tutorial with source code - a web application for scheduling dependent machine/production jobs, implemented in Spring Boot (Java).
Angular Scheduler: Event Links
Angular Scheduler: Event Links
Angular tutorial that shows how to link related events in Angular Scheduler UI component.
Articles 1-8 of 8