code.daypilot.org

Articles

JavaScript Calendar in Read-Only Mode (Open-Source)
JavaScript Calendar in Read-Only Mode (Open-Source)
How to implement a toggle that switches between the read-only and edit modes of the JavaScript Calendar. Read-only events are marked with a padlock icon in the upper-right corner.
Next.js Resource-Scheduling Calendar (Open-Source)
Next.js Resource-Scheduling Calendar (Open-Source)
This Next.js app uses a resource-scheduling calendar UI to let you manage tasks for multiple resources side by side. Each column displays a 24-hour timeline for a different resource.
React Scheduler: Rendering JSX Components in Row Headers
React Scheduler: Rendering JSX Components in Row Headers
How to insert React components or direct JSX to Scheduler row headers.
ASP.NET Core Timesheet (.NET 9, SQL Server, Entity Framework)
ASP.NET Core Timesheet (.NET 9, SQL Server, Entity Framework)
How to create a drag-and-drop timesheet application in ASP.NET Core (.NET 9) with SQL Server and Entity Framework.
Event Scheduler in Laravel: Timeline and Resource Allocation with Drag-and-Drop UI
Event Scheduler in Laravel: Timeline and Resource Allocation with Drag-and-Drop UI
Learn how to build an interactive scheduling application in Laravel using the DayPilot JavaScript Scheduler with a dynamic timeline, draggable events, and resource grouping.
JavaScript Scheduler: Resource Utilization Chart for Rows
JavaScript Scheduler: Resource Utilization Chart for Rows
How to dynamically calculate the utilization percentage for each resource and display a chart with utilization details in the Scheduler row headers.
Angular Scheduler: Freeze Headers during Export to Excel (XLSX)
Angular Scheduler: Freeze Headers during Export to Excel (XLSX)
How to export the Scheduler view to Angular, including frozen time headers (X axis) and row headers (Y axis). Add a custom row with utilization summary to the frozen headers.
JavaScript Resource-Scheduling Calendar: Full-Screen Layout
JavaScript Resource-Scheduling Calendar: Full-Screen Layout
Use the 100% height mode of the calendar to avoid duplicate vertical scrollbars and keep headers fixed.
ASP.NET Core Restaurant Table Reservation (Tutorial)
ASP.NET Core Restaurant Table Reservation (Tutorial)
Learn how to use the visual Scheduler component to build a restaurant table reservation application in ASP.NET Core. Create an intuitive UI that makes it easy to assign reservation requests to available tables.
Next.js Scheduler: How to Show Planned vs. Actual Task Durations using Task Versions
Next.js Scheduler: How to Show Planned vs. Actual Task Durations using Task Versions
How to build a visual schedule in Next.js that displays the planned version of a task above its actual version. This makes it easy to compare durations and track deviations from the original plan.
Previous Articles 61-70 of 339 Next