Angular Calendar and Scheduler Tutorials (Page 3)

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.
Angular Scheduler: Loading 400,000 Events
Angular Scheduler: Loading 400,000 Events
Test the performance of the Angular Scheduler component with 400,000 events loaded at once.
Angular Scheduler: Timeline Customization
Angular Scheduler: Timeline Customization
How to create a custom timeline for the Angular Scheduler component. The manual mode lets you create the timeline by defining individual time cells.
Angular 12 Scheduler Quick Start Project
Angular 12 Scheduler Quick Start Project
Angular 12 project with a customized Angular Scheduler component. Use this project as a starting point for your own Angular scheduling application.
Angular Calendar: Full Screen Layout
Angular Calendar: Full Screen Layout
How to configure the Angular calendar component to use 100% height and fill the available space.
Angular Scheduler: Full Screen Layout
Angular Scheduler: Full Screen Layout
Angular application that displays the Scheduler in a full screen layout. The project includes a collapsible sidebar with a date picker.
Angular Gantt Chart Component (TypeScript + PHP/MySQL)
Angular Gantt Chart Component (TypeScript + PHP/MySQL)
Angular project that displays a hierarchy of tasks using a Gantt Chart UI component. The frontend Angular application is connected to a JSON backend implemented in PHP with MySQL database.
Angular Work Order Scheduling (PHP/MySQL)
Angular Work Order Scheduling (PHP/MySQL)
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
Angular Timetable Tutorial
Angular Timetable Tutorial
Angular application that displays a weekly timetable with custom time blocks.
Angular 11 Scheduler Quick Start Project
Angular 11 Scheduler Quick Start Project
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.
Angular 10 Timesheet Quick Start Project
Angular 10 Timesheet Quick Start Project
A quick start project that shows how to use the Angular 10 Timesheet component.
Angular 10 Event Calendar Quick Start Project
Angular 10 Event Calendar Quick Start Project
Angular 10 project with weekly event calendar component. Download the project source code and use it as a starting point of your own application.
Angular 10 Scheduler Quick Start Project
Angular 10 Scheduler Quick Start Project
How to add a visual Scheduler component to your Angular 10 application. The Scheduler will let you plan and manage reservations, meetings, work orders and other events.
Angular 9 Timesheet Quick Start Project
Angular 9 Timesheet Quick Start Project
A quick start project that shows how to use Timesheet component in an Angular 9 project. You can use the Timesheet component to record payroll, billing and reporting information.
Using DayPilot Modal in Angular Application (TypeScript)
Using DayPilot Modal in Angular Application (TypeScript)
DayPilot Modal is now available as a NPM package (@daypilot/modal) and can be used in Angular applications as well.
Previous Articles 41-60 of 81 Next