Angular 6 Tutorials

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: 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 6 Timesheet Quick Start Project
Angular 6 Timesheet Quick Start Project
Angular 6 timesheet application built using a customizable Scheduler component. It displays days on the vertical axis and time of day on the horizontal axis.
Angular 6 Hotel Room Booking Tutorial (PHP/MySQL)
Angular 6 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 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 6 Restaurant Table Reservation (PHP/MySQL)
Angular 6 Restaurant Table Reservation (PHP/MySQL)
Angular 6 application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.
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 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).
Articles 1-20 of 27 Next