Common UI Tasks - JavaScript Scheduler

The scheduler includes built-in UI support for common tasks.

Event editing

javascript-scheduler-event-editing.png

You can edit event details using a modal dialog. This method is demonstrated in the HTML5 Scheduler Tutorial [code.daypilot.org].

See also event editing [doc.daypilot.org].

Event deleting

javascript-scheduler-event-deleting.png

See also event deleting [doc.daypilot.org].

Event selecting

javascript-scheduler-event-selecting.png

See also event selecting [doc.daypilot.org].

Event context menu

javascript-scheduler-context-menu.png

See also event context menu [doc.daypilot.org].

Event hover details

javascript-scheduler-event-details-hover.png

See also event bubble [doc.daypilot.org].

Event copy and paste

javascript-scheduler-event-copying.png

See also event copying [doc.daypilot.org].

Event creating

javascript-scheduler-drag-drop-creating.png

Event moving

javascript-scheduler-drag-drop-moving.png

See also event moving [doc.daypilot.org].

Event resizing

javascript-scheduler-drag-drop-resizing.png

See also event resizing [doc.daypilot.org].

Drag and drop from a list of unscheduled events

javascript-scheduler-external-drag-drop.png

See also external drag and drop [doc.daypilot.org].