Angular 6 Tutorials

Angular Scheduler: Full Screen Layout
Angular Scheduler: Full Screen Layout
Angular 6 application that displays the Scheduler in a full screen layout. The project includes a collapsible sidebar with a date picker.
Angular Scheduler: Modal Dialog for Event Editing
Angular Scheduler: Modal Dialog for Event Editing
Angular 6 project with Scheduler component that allows creating and editing events using a modal dialog.
Angular Scheduler: Row Filtering
Angular Scheduler: Row Filtering
Angular 6 application with real-time filtering of Scheduler component rows (by name, by number of events).
Angular Scheduler: Resource Management
Angular Scheduler: Resource Management
This tutorial shows how to use Angular 6 Scheduler component to manage resources (create, edit, delete, move) using the Scheduler UI.
Angular Scheduler: Event Copy & Paste
Angular Scheduler: Event Copy & Paste
Angular scheduling application that allows creating events from existing events using copy&paste.
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 Calendar: CSS Themes
Angular Calendar: CSS Themes
Angular application that shows how to apply a custom CSS theme to the calendar component and change it on the fly.
Angular Scheduler: Date Navigation
Angular Scheduler: Date Navigation
Angular 6 application that uses DayPilot Navigator component as a date picker for the Scheduler.
Angular Calendar: Date Switching
Angular Calendar: Date Switching
How to integrate Angular 6 event calendar component with a date picker and navigation buttons for changing the visible week.
Angular 6 Work Order Scheduling (PHP/MySQL)
Angular 6 Work Order Scheduling (PHP/MySQL)
Angular 6 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 Scheduler: Displaying Event Phases
Angular Scheduler: Displaying Event Phases
Angular 6 project that shows how to display events split into phases in the Scheduler component.
Angular Scheduler: Rendering Angular Components Inside Events
Angular Scheduler: Rendering Angular Components Inside Events
How to add custom components to events displayed in the Angular Scheduler.
Angular 6 Gantt Chart Component (TypeScript + PHP/MySQL)
Angular 6 Gantt Chart Component (TypeScript + PHP/MySQL)
Angular 6 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 Scheduler: Read-Only and Edit Mode Switching
Angular Scheduler: Read-Only and Edit Mode Switching
Angular 6 application that shows how to switch the Scheduler (which is in "edit" mode by default) to read-only mode.
Angular 6 Scheduler UI with Spring Boot Backend (Java)
Angular 6 Scheduler UI with Spring Boot Backend (Java)
Angular CLI project that shows how to create Scheduler UI using DayPilot Pro for Angular. Includes a backend REST/JSON application implemented using Spring Boot (Java).
Angular Scheduler: Dynamic Tooltip
Angular Scheduler: Dynamic Tooltip
The Angular Scheduler component supports displaying event details using a built-in tooltip. See how to include a dynamic Angular component in the tooltip.
Angular 6 Resource Calendar Tutorial
Angular 6 Resource Calendar Tutorial
Angular 6 application that shows how to create a resource calendar Angular component that displays event data in multiple columns. The resource calendar supports drag and drop out of the box.
Angular 6 Scheduler Tutorial (TypeScript + PHP/MySQL)
Angular 6 Scheduler Tutorial (TypeScript + PHP/MySQL)
Simple Angular 6 application that shows how to use DayPilot Scheduler with PHP/MySQL backend.
Angular 6 Appointment Calendar Component (TypeScript + PHP/MySQL)
Angular 6 Appointment Calendar Component (TypeScript + PHP/MySQL)
Simple appointment scheduling application built using Angular 6. 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: Event Filtering
Angular Scheduler: Event Filtering
Angular 6 application with Scheduler component that can filter events in real time (by text, category, length).
Articles 1-20 of 24 Next