Skip to content
DayPilot

Context Menu Tutorials

JavaScript Scheduler: Show/Hide Columns using Context Menu

JavaScript Scheduler: Show/Hide Columns using Context Menu

How to add a context menu to the JavaScript Scheduler header that will let users toggle column visibility.
JavaScript Scheduler: Resource Context Menu

JavaScript Scheduler: Resource Context Menu

How to add context menu to resources/rows of the JavaScript Scheduler (edit, delete, add child resource).
Vue Monthly Calendar/Scheduler (Open-Source)

Vue Monthly Calendar/Scheduler (Open-Source)

How to create a monthly calendar/scheduler view for planning events, tasks, and reminders in Vue. The downloadable Vue project uses the open-source DayPilot Lite library.
JavaScript Scheduler: Lock Events using Context Menu

JavaScript Scheduler: Lock Events using Context Menu

How to lock events displayed in the JavaScript Scheduler using a dynamic context menu. The Scheduler will not allow editing the locked events.
Angular Scheduler: Dynamic Context Menu

Angular Scheduler: Dynamic Context Menu

Angular 18 project that shows how to dynamically configure the Scheduler context menu (for events and rows).
JavaScript Scheduler: Swap Events using Context Menu

JavaScript Scheduler: Swap Events using Context Menu

Learn how to create a context menu-driven event swapping feature, enabling users to exchange two selected events.
JavaScript Scheduler: Context Menu for External Items

JavaScript Scheduler: Context Menu for External Items

How to add DayPilot context menu to any DOM element.
JavaScript Gantt Chart: Show/Hide Columns using Context Menu

JavaScript Gantt Chart: Show/Hide Columns using Context Menu

Use a dynamically-generated context menu to show/hide data columns of the JavaScript Gantt chart.