The React Scheduler component allows customization of event content. This tutorial shows how to add a custom progress bar using event active areas.
Mar 4, 2022
How to display milestones in the React Scheduler component. You can use custom shapes, icons, colors and connect the milestones using links.
Feb 8, 2022
Weekly HTML5/JavaScript event calendar with CSS themes, drag and drop support, date navigator. Sample PHP and ASP.NET Core projects with REST backend implementation.
Jan 26, 2022
How to change the zoom level of the JavaScript Scheduler component in real time using a slider and (+)/(-) buttons.
Jan 13, 2022
This tutorial shows how to create a PHP application that will let users manage and schedule work orders using a visual interface implemented using JavaScript/HTML5.
Jan 10, 2022
How to calculate resource utilization percentage and display a histogram at the top of the Vue Scheduler component.
Jan 10, 2022
How to create a weekly calendar web application using a Vue calendar component. The tutorial includes a Vue.js project with JavaScript source code for download.
Jan 4, 2022
ASP.NET Core web application that displays scheduled events in a monthly calendar. Visual Studio 2019 project for download.
Dec 29, 2021
What things to look at when you are not happy with the React Scheduler component performance.
Dec 17, 2021
How to render custom JSX components in events displayed by the React Calendar component.
Dec 8, 2021
ASP.NET Core application for doctor appointment scheduling. The application works with three roles: manager (define available appointment slots), patient (request an appointment using one of the available slot) and doctor (manage existing appointments).
Dec 5, 2021
Learn how to search React Scheduler events, highlight the search text and jump between results using Next and Previous buttons.
Nov 27, 2021
How to limit the number of concurrent events displayed by the monthly calendar and add an "expand" button to access the events.
Nov 5, 2021
How to use the native HTML5 drag and drop API to extend the calendar functionality and allow dragging an all-day event to a selected calendar cell.
Oct 29, 2021
How to create a queue of tasks scheduled for a specific day. The exact time of day and resource can be assigned using drag and drop in the next step.
Oct 26, 2021
Plan activities for multiple areas/departments side by side. Use drag and drop to schedule events and milestones.
Oct 18, 2021
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
How to drag items either to the JavaScript Calendar component or to a custom element.
Sep 30, 2021
How to use the JavaScript Scheduler component in a new NPM/WebPack project.
Sep 10, 2021
The React Scheduler component can record all drag and drop actions and allow unlimited undo/redo. See how to add undo/redo buttons and display the full history.
Aug 27, 2021