An Angular application that shows how to use DayPilot Scheduler with a PHP/MySQL backend.
Aug 23, 2021
Back to Angular Scheduler Tutorials
Angular project that displays a Scheduler component with dynamic event data loading enabled. Event data are loaded on demand during scrolling to improve scalability.
Aug 3, 2021
Angular 12 project that shows how to dynamically configure the Scheduler context menu (for events and rows).
Aug 3, 2021
How to enable infinite scrolling for the Angular Scheduler component. Includes configuration hints and tweaks that improve Scheduler responsiveness and user experience.
Aug 3, 2021
Angular tutorial that shows how to link related events in Angular Scheduler UI component.
Aug 3, 2021
Angular tutorial that shows how to highlight global and resource-specific holidays in the Angular Scheduler UI component.
Jul 30, 2021
How to calculate resource utilization for time slots and show a bar chart in a fixed row displayed at the top of the Angular Scheduler component.
Jul 30, 2021
How to disable selected time slots of the Angular Scheduler using drag and drop.
Jul 30, 2021
How to dynamically create and display the Angular Scheduler component using ViewContainerRef.createComponent().
Jun 18, 2021
Angular application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.
Jun 15, 2021
How to find, focus and highlight a Scheduler row that matches the search criteria.
Jun 13, 2021
Angular 12 project that shows how to implement next/previous/today buttons that change the month displayed by the Angular Scheduler component.
Jun 10, 2021
How to add action controls to the Angular Scheduler row headers: clickable icons, hyperlinks, context menu buttons.
Jun 9, 2021
How to change the Angular Scheduler component appearance using a CSS theme. You can use one of the predefined themes or create your own theme using an online tool.
Jun 7, 2021
Test the performance of the Angular Scheduler component with 400,000 events loaded at once.
Jun 4, 2021
How to create a custom timeline for the Angular Scheduler component. The manual mode lets you create the timeline by defining individual time cells.
Jun 2, 2021
Angular 12 project with a customized Angular Scheduler component. Use this project as a starting point for your own Angular scheduling application.
May 24, 2021
Angular application that displays the Scheduler in a full screen layout. The project includes a collapsible sidebar with a date picker.
Jan 27, 2021
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
Dec 16, 2020
Add an Angular Scheduler component to your application and use it to manage a schedule online. Add, move, edit, and delete reservations using drag and drop.
Dec 6, 2020