ApexGantt — Toolbar Extensibility Demo

Click a task row to select it, then press Space to toggle selection. Use the Phase filter to show only tasks for a phase. Select tasks, then use Publish or the Tag dropdown to act on them.

Action Log

Interact with the toolbar above!

What's demonstrated

  • Phase filter — calls gantt.update({ series }) to re-render only matching tasks
  • Publish — requiresSelection, showCount, shows a toast on click
  • Copy IDs — disabled: fn evaluated live, writes to clipboard
  • Tag select — applies colored outline + badge to selected task rows in the DOM
  • Space — toggles selection after clicking a row (keyboard focus follows click)
  • Ctrl/Cmd+A — selects all tasks
  • Escape — clears selection
  • ↑ ↓ — navigate rows, → ← expand/collapse groups