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
Plan activities for multiple areas/departments side by side. Use drag and drop to schedule events and milestones.
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
How to enable on-demand event loading in the Vue Scheduler component. The Scheduler will load events for the current viewport. Additional data will be loaded during scrolling.
Aug 23, 2021
How to display a special column with summary data on the right side of the JavaScript Scheduler grid.
Aug 11, 2021
Vue application that shows how to integrate and configure a Gantt chart. The Gantt chart component displays a timeline for a hierarchy of tasks and milestones.
Aug 9, 2021
How to display React JSX components in the Scheduler horizontal time header.
Aug 3, 2021
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
Using DayPilot HTML5 event calendar in a mobile application (iOS, Android, Windows Phone) created using Cordova/PhoneGap.
Jul 30, 2021
Simple HTML web application that exports the Scheduler to PDF (client-side).
Jul 30, 2021
Learn how to change a React Scheduler CSS theme, create and apply your own theme and override individual styles.
Jul 1, 2021
How to integrate the React Scheduler component into a full screen page layout. The full screen mode will allow rendering optimizations to be applied correctly and avoid a confusing duplicate vertical scrollbar.
Jun 24, 2021
How to link the JavaScript Scheduler component to a date picker that can change the visible date.
Jun 23, 2021
How to switch the JavaScript Scheduler to read-only mode (all drag and drop operations are turned off). Disabling drag and drop for specific events.
Jun 18, 2021
Drag and drop monthly event calendar for JavaScript/HTML5. Full calendar CSS styling support. Includes a sample PHP backend with SQL database.
Jun 16, 2021
Replace the built-in confirm() modal dialog with a more flexible implementation that allows using custom appearance and button text (e.g. Yes/No).
Jun 12, 2021
How to set alternating colors for JavaScript Scheduler columns (time headers and grid).
Jun 11, 2021