How to draw a custom timeline in the DayPilot Pro JavaScript Scheduler time header.
Jan 16, 2021
Client-side undo/redo implementation for the JavaScript scheduler component. Displays the action history and the current position in the list.
Jan 2, 2021
Spring Boot application for project management that uses DayPilot Pro to display a Gantt chart.
Dec 23, 2020
How to load HTML5 scheduler events from the server dynamically during scrolling. Includes a sample PHP server backend.
Dec 23, 2020
A simple HTML5/JavaScript web application that exports the current view of the JavaScript Calendar component (including appointments) as a PDF document. Pure client-side solution.
Dec 21, 2020
HTML5 sample that shows how to export the JavaScript Scheduler to multi-page PDF file (5 rows per page).
Dec 18, 2020
How to export the monthly calendar to a PDF document using the built-in image export feature. Adds custom text to the exported PDF file.
Dec 15, 2020
How to configure the JavaScript Scheduler control to provide additional functionality on mobile and touch devices (iOS, Android). Includes a sample HTML5/JavaScript project, a custom CSS theme and a set of font icons.
Dec 14, 2020
How to configure the JavaScript Scheduler component to display custom holiday information and block drag and drop operations for the holiday cells.
Dec 14, 2020
Simple helper for replacing alert() with a more flexible HTML-based modal dialog with support for CSS styling.
Dec 14, 2020
Vue.js project that includes Scheduler component with basic configuration and all required boilerplate code.
Dec 14, 2020
Interactive event calendar for JavaScript/HMTL5 with support for drag and drop operations. Full calendar CSS styling support. Includes a sample PHP backend with SQL database.
Dec 10, 2020
How to select Scheduler rows using checkboxes displayed in the row header.
Dec 6, 2020
Open-source JavaScript modal dialog with rich features. It can display custom HTML or a standalone page. Supports drag&drop moving and automatic height adjustment.
Nov 29, 2020
This tutorial shows how to use DayPilot AJAX Scheduler to create a JavaScript/HTML5 event scheduler application with PHP backend.
Nov 29, 2020
How to implement event swapping using drag an drop in the JavaScript Scheduler component. Detect events at the target position and move the target event to the source position after drop. The Scheduler provides real-time feedback during dragging.
Nov 21, 2020
How to enable keyboard navigation in the JavaScript Scheduler component. Use the keyboard to focus cells in the grid, select a time range and edit existing events.
Nov 17, 2020
How to limit drag and drop time range selection to the specified number of cells.
Oct 29, 2020
How to display a column summary with resource utilization and availability details in the JavaScript Scheduler component. The utilization is also displayed using a bar chart at the bottom of the Scheduler grid.
Oct 26, 2020
How to add a special row to the JavaScript Scheduler time header that will let users select multiple columns using drag and drop.
Sep 18, 2020