Simple web application that displays tennis court availability and lets the users create a reservation using drag and drop. Includes a PHP project with sample MySQL/SQLite database.
Jul 7, 2020
This tutorial shows how to create a PHP web application for machine/production job scheduling. The visual HTML5 scheduling grid displays task assignments, duration and dependencies. Users can use drag and drop to change the schedule.
Jul 6, 2020
How to add DayPilot context menu to any DOM element.
Jul 3, 2020
The JavaScript Scheduler allows selecting a time range over multiple adjacent rows at once.
Jun 1, 2020
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.
May 21, 2020
Tutorial with source code - PHP web application for hotel room reservation with HTML5 user interface supporting drag and drop. MySQL and SQLite databases.
May 13, 2020
How to add a context menu to the JavaScript Scheduler header that will let users toggle column visibility.
Apr 22, 2020
How to define day/week/month views for the JavaScript Scheduler. The current view can be switched using custom buttons.
Apr 12, 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
Split events in HTML5 Scheduler at a specified location using right-click context menu.
Mar 24, 2020
How to create a modal dialog with custom fields and let users edit JavaScript Scheduler events on click. The modal dialog fields are defined programmatically using an array.
Mar 16, 2020
How to switch the date range displayed by the Vue.js Scheduler using next/previous buttons.
Feb 26, 2020
How to change the zoom level of the JavaScript Scheduler component in real time using a slider and (+)/(-) buttons.
Feb 12, 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
How to display custom text above Scheduler events in a reserved space. Display details about the event start, end or other related information.
Jan 20, 2020
How to limit the horizontal (date/time) position of an event and display the allowed range using event versions.
Dec 6, 2019
How to display React JSX components in the Scheduler horizontal time header.
Nov 22, 2019
How to render custom JSX in events displayed by the React Scheduler component.
Nov 22, 2019
How to group related events into a single event in the JavaScript Scheduler component and add expand [+] and collapse [-] icons that allow changing the event visibility.
Nov 17, 2019
How to highlight related Scheduler events on hover or click.
Nov 12, 2019
Articles 1-20 of 64
Next