Monthly Summary for July 2021

July 31, 2021

Vue Scheduler: Undo/Redo for Drag and Drop Actions tutorial was released:

https://code.daypilot.org/48185/vue-scheduler-undo-redo

How to add "Undo" and "Redo" buttons to the Vue Scheduler. The UndoService maintains history of changes and allows unlimited undo/redo.

vue scheduler undo redo for drag and drop
July 26, 2021

React Timesheet tutorial was released:
https://code.daypilot.org/66143/react-timesheet

How to display a timesheet in your React application. You can set a custom resolution of the time axis, specify the number of days to be displayed, calculate daily totals. The timesheet lets you modify the records using drag and drop.

react timesheet
July 20, 2021

React Scheduler: Timeline Zoom tutorial was released:
https://code.daypilot.org/90919/react-scheduler-timeline-zoom

How to add a zoom feature to the React Scheduler timeline. You can change the zoom level (and timeline resolution) using a "range" control and "zoom in" and "zoom out" buttons.

react scheduler timeline zoom
July 20, 2021

Vue Scheduler: Queue of Unscheduled Tasks tutorial was released:
https://code.daypilot.org/11781/vue-scheduler-task-queue

How to display a queue of unscheduled tasks that can be dragged to the Vue Scheduler component.

vue scheduler queue of tasks to be scheduled
July 15, 2021

DayPilot Pro for JavaScript 2021.3.5038 was released:
https://javascript.daypilot.org/daypilot-pro-for-javascript-2021-3-5038/

July 14, 2021

Angular Scheduler: Resource Utilization Chart tutorial was released:
https://code.daypilot.org/31486/angular-scheduler-resource-utilization-chart

How to calculate resource utilization for time slots and show a bar chart in a fixed row displayed at the top of the Angular Scheduler component.

angular scheduler resource utilization workload chart
July 12, 2021

React Resource Calendar was released:
https://code.daypilot.org/84296/react-resource-calendar

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.

react resource calendar
July 7, 2021

Angular Scheduler: How to Disable Time Slots tutorial was released:
https://code.daypilot.org/96887/angular-scheduler-how-to-disable-time-slots

How to disable selected time slots of the Angular Scheduler using drag and drop.

angular scheduler how to disable time slots
July 5, 2021

React Scheduler: How to Manage Resources tutorial was released:
https://code.daypilot.org/32493/react-scheduler-how-to-manage-resources

Explore the built-in UI elements that let your users manage (create, edit, move, delete) resources displayed using the React Scheduler component.

react scheduler how to manage resources
July 2, 2021

Angular Scheduler: Drag and Drop Task Queue tutorial was released:
https://code.daypilot.org/37310/angular-scheduler-drag-and-drop-task-queue

How to implement an ordered queue of unscheduled tasks that can be dragged to the Angular Scheduler component.

angular scheduler drag and drop task queue
July 1, 2021

DayPilot Pro for JavaScript 2021.3.5014 was released:
https://javascript.daypilot.org/daypilot-pro-for-javascript-2021-3-5014/

July 1, 2021

How to Use CSS Themes with the React Scheduler Component tutorial was released:
https://code.daypilot.org/75128/how-to-use-css-themes-with-the-react-scheduler-component

Learn how to change a React Scheduler CSS theme, create and apply your own theme and override individual styles.

how to use css themes with the react scheduler component