A tutorial that shows how to create a PHP reservation system for hotel rooms with JavaScript/HTML5 frontend. The user interface includes a visual scheduling calendar with drag and drop support. MySQL and SQLite databases.
Dec 2, 2023
Learn how to build an ASP.NET Core-based hotel room booking management application featuring a drag-and-drop interface, filter functionality, integration with SQL Server and Entity Framework, all visualized using a JavaScript Scheduler component.
Oct 29, 2023
A tutorial that shows how to create a PHP shift planning system - a web application that lets you manage shifts for multiple locations using a visual JavaScript scheduler component.
Jun 4, 2023
How to use JavaScript/HTML5 Scheduler control from DayPilot Pro package in an ASP.NET Core web application.
Dec 7, 2022
Learn how to use the Vue Scheduler component to add a drag-and-drop timesheet UI to your Vue application, calculate daily totals and style the timesheet using CSS.
Oct 18, 2021
This tutorial shows how to create an annual leave booking application for ASP.NET. Includes C# and VB.NET source code and sample SQL Server database.
Aug 24, 2021
PHP web application that allows to plan annual leave days using a visual HTML5 scheduler component.
Jun 18, 2021
Angular application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.
Jun 15, 2021
How to create a timesheet using the JavaScript/HTML5 timesheet component. Sample PHP/MySQL application source code for download.
Jun 11, 2021
ASP.NET web application for managing hotel room reservations using drag and drop. Includes sample code in C# and VB. SQL Server database.
Jun 10, 2021
How to add action controls to the Angular Scheduler row headers: clickable icons, hyperlinks, context menu buttons.
Jun 9, 2021
HTML5 sample that shows how to export the JavaScript Scheduler to multi-page PDF file (5 rows per page).
Dec 18, 2020
How to select Scheduler rows using checkboxes displayed in the row header.
Dec 6, 2020
A quick start project that shows how to use the Angular 10 Timesheet component.
Aug 6, 2020
Use a dynamically-generated context menu to show/hide data columns of the JavaScript Gantt chart.
Apr 24, 2020
How to add a context menu to the JavaScript Scheduler header that will let users toggle column visibility.
Apr 22, 2020
How to customize the JavaScript Scheduler row sorting feature. You can define custom sort icons (Font Awesome or other icon sets or custom images), disable sorting for selected events, and adjust the sorting logic.
Mar 25, 2020
How to sort the Scheduler rows using custom fields. Use built-in row sorting support that displays icons in the column headers or direct API.
Feb 7, 2020
Angular 8 project with pre-configured Angular Timesheet component. You can download the project source code with the required boilerplate and quickly create a proof-of-concept Timesheet implementation.
Sep 27, 2019
Angular 6 project that uses a pre-configured Scheduler component to display a timeline for multiple resources.
Jun 3, 2018
Articles 1-20 of 24
Next