Angular 13 application that shows how to switch the Angular Scheduler (which is in "edit" mode by default) to read-only mode.
Mar 3, 2022
Back to Angular Scheduler Tutorials
The Angular Scheduler component supports displaying event details using a built-in tooltip. See how to include a dynamic Angular component in the tooltip.
Jan 23, 2022
How to add a custom Angular component to the upper-left corner of the Scheduler.
Dec 15, 2021
Angular tutorial that shows how to implement undo/redo functionality for the Angular Scheduler UI component.
Dec 8, 2021
Use Angular lazy loading feature to improve the initial load time of your Scheduler application.
Sep 21, 2021
Angular hotel room reservation application. The user interface supports managing rooms (create, edit, delete, change status) and reservations (create, edit, move, delete, change status). Includes a PHP/MySQL backend with token-based authentication.
Sep 16, 2021
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
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
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 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
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
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