The resource calendar web component displays multiple resources side-by-side (as columns). You can use it in web applications that implement many scheduling workflow scenarios, such as planning shifts (to display employees or locations as columns), reservations of appointments (for car mechanics, hairdressers, doctors), booking shared resources (conference rooms, cars, machines or other tools).
drag and drop moving and resizing of events
styling using CSS themes
customization of individual events (text, HTML, colors, CSS classes, drag and drop support)
loading resource and event data directly from a remote URL in JSON format
easy internationalization (translate date names and specify custom date formatting patterns)
modal dialog for editing event details
support for large datasets
progressive rendering of events and grid cells during scrolling
a hierarchy of columns that lets you organize the the resources in groups or display multiple days for each resource
columns that can be resized and rearranged using drag and drop
the resources can be filtered using specified criteria (text, location, etc.)
you can export the calendar view to JPEG, PNG, PDF or print it
add icons and context menus to resources and events
support for touch devices
all-day events that can serve as a queue of events that are not scheduled for an exact time yet
How to use the open-source React resource calendar component to create a scheduling application for multiple groups of resources (locations, people, tools). Add a date picker and next/previous buttons that let users change the visible date.
Nov 12, 2023
A Spring Boot application that uses a visual resource-scheduling calendar to display plans for multiple resources side by side.
Oct 17, 2023
Angular application that shows how to create a resource calendar Angular component that displays event data in multiple columns. The resource calendar supports drag and drop out of the box.
Sep 18, 2023
Use the Vue calendar component to display an interactive schedule for multiple resources.
Aug 7, 2023
How to create a resource-scheduling calendar in ASP.NET Core that displays resources as columns. Add more UI features, such as free/busy highlighting, next/previous date-changing buttons and a modal dialog for editing event details.
Jun 13, 2023
Jul 21, 2022
May 25, 2022
How to use the column hierarchy feature of the React calendar to display events for many resources. The groups and resources are displayed as columns and the time slots are displayed as rows.
Jul 30, 2021
Jan 27, 2021
Visual Studio project with a minimum configuration of ASP.NET MVC 5 Resource Calendar.
Aug 27, 2020
Articles 1-10 of 10