How to render custom JSX in events displayed by the React Scheduler component.
Nov 22, 2019
Back to JavaScript Scheduling Tutorials
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
How to configure the image export of the JavaScript Scheduler to include rich HTML content.
Nov 5, 2019
Simple helper for replacing alert() with a more flexible HTML-based modal dialog with support for CSS styling.
Oct 22, 2019
How to filter rooms displayed in the JavaScript Scheduler component using a complex filter - by size and date availability.
Oct 16, 2019
An overview of Scheduler settings that let you control the vertical event position within rows. Includes custom sorting, forcing a specific line within a row, dedicated lines, keeping related events together using virtual containers.
Oct 14, 2019
The React Scheduler allows defining the callout (bubble) content as a React JSX component. The component will be created automatically when the callout is activated and removed and unmounted when the callout is hidden.
Oct 9, 2019
Simple React application that displays a project schedule using a Gantt Chart component.
Oct 3, 2019
How to activate external items so they can be dragged to the React Scheduler component.
Oct 2, 2019
Vue.js application for scheduling resource reservations. Built using a customizable Scheduler UI component - flexible timeline, drag and drop support.
Sep 24, 2019
React application that displays a monthly event calendar. Calendar events use custom background to show event type. A context menu allows deleting events and changing color.
Sep 23, 2019
React application that displays a weekly event calendar using DayPilot React calendar component. Includes a date picker for changing the visible week. Appearance customized using CSS.
Sep 20, 2019
HTML5/JavaScript event calendar with day, week, and month views and integrated date navigator. Includes a sample PHP backend with SQLite database.
Sep 19, 2019
How to create a weekly calendar web application using Vue.js calendar component. The tutorial include a Vue.js project with JavaScript source code for download.
Sep 18, 2019
Tutorial with source code - a web application for scheduling dependent machine/production jobs, implemented in Spring Boot (Java).
Sep 17, 2019
HTML5/JavaScript Gantt chart control that lets you display a timeline for a hierarchy of tasks and milestones. Task dependencies, drag and drop support, inline task creating, custom CSS themes. Sample PHP/MySQL project available for download.
Sep 16, 2019
HTML5 web application for managing doctor appointments. Includes public and administration interface. Patients can request an appointment in one of the slots predefined using the administration interface. Implemented in PHP/MySQL.
Sep 12, 2019
Add a scheduler UI component to your React application in a few easy steps. Fast data loading, drag and drop, appearance customization options.
Sep 11, 2019
How to create a timesheet using the JavaScript/HTML5 timesheet component. Sample PHP/MySQL application source code for download.
Sep 9, 2019