Angular 12 Scheduling Tutorials

Improve Angular Scheduler Performance using Lazy Loading (Code Splitting)
Improve Angular Scheduler Performance using Lazy Loading (Code Splitting)
Use Angular lazy loading feature to improve the initial load time of your Scheduler application.
Angular Hotel Room Booking Tutorial (PHP/MySQL)
Angular Hotel Room Booking Tutorial (PHP/MySQL)
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.
Angular 12 Timesheet Quick Start Project
Angular 12 Timesheet Quick Start Project
Angular 12 project with a pre-configured Angular Timesheet component. Download the project and use it as a starting point for your own implementation.
Angular Calendar: Day/Week/Month Views
Angular Calendar: Day/Week/Month Views
Angular project that displays an event calendar component with day, week and month views that share the same data and can be easily switched. A date picker component is used to switch the current date and highlight busy days.
Angular Scheduler Tutorial (TypeScript + PHP/MySQL)
Angular Scheduler Tutorial (TypeScript + PHP/MySQL)
An Angular application that shows how to use DayPilot Scheduler with a PHP/MySQL backend.
Angular Scheduler: Online Configurator
Angular Scheduler: Online Configurator
Use the online configurator application to generate a new Angular project with a customized Scheduler component.
Angular Appointment Calendar Component (TypeScript + PHP/MySQL)
Angular Appointment Calendar Component (TypeScript + PHP/MySQL)
Simple appointment scheduling application built using Angular. The calendar view is created using DayPilot Pro Angular Calendar component. The server-side backend is created using PHP and stores events in a MySQL or SQLite database.
Angular Scheduler: Dynamic Loading of Large Data Sets
Angular Scheduler: Dynamic Loading of Large Data Sets
Angular project that displays a Scheduler component with dynamic event data loading enabled. Event data are loaded on demand during scrolling to improve scalability.
Angular Scheduler: Dynamic Context Menu
Angular Scheduler: Dynamic Context Menu
Angular 12 project that shows how to dynamically configure the Scheduler context menu (for events and rows).
Angular Scheduler: Infinite Scrolling
Angular Scheduler: Infinite Scrolling
How to enable infinite scrolling for the Angular Scheduler component. Includes configuration hints and tweaks that improve Scheduler responsiveness and user experience.
Angular Scheduler: Event Links
Angular Scheduler: Event Links
Angular tutorial that shows how to link related events in Angular Scheduler UI component.
Angular Scheduler: Highlighting Holidays
Angular Scheduler: Highlighting Holidays
Angular tutorial that shows how to highlight global and resource-specific holidays in the Angular Scheduler UI component.
Angular Scheduler: Resource Utilization Chart
Angular Scheduler: Resource Utilization Chart
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.
Angular Scheduler: Drag and Drop Task Queue
Angular Scheduler: Drag and Drop Task Queue
How to implement an ordered queue of unscheduled tasks that can be dragged to the Angular Scheduler component.
How to Create the Angular Scheduler Component Dynamically
How to Create the Angular Scheduler Component Dynamically
How to dynamically create and display the Angular Scheduler component using ViewContainerRef.createComponent().
Angular Restaurant Table Reservation (PHP/MySQL)
Angular Restaurant Table Reservation (PHP/MySQL)
Angular application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.
Angular Scheduler: Row Searching Tutorial
Angular Scheduler: Row Searching Tutorial
How to find, focus and highlight a Scheduler row that matches the search criteria.
Angular Scheduler: Next/Previous Buttons
Angular Scheduler: Next/Previous Buttons
Angular 12 project that shows how to implement next/previous/today buttons that change the month displayed by the Angular Scheduler component.
Angular Scheduler: Row Header Actions
Angular Scheduler: Row Header Actions
How to add action controls to the Angular Scheduler row headers: clickable icons, hyperlinks, context menu buttons.
Angular Scheduler: CSS Themes
Angular Scheduler: CSS Themes
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.
Articles 1-20 of 25 Next