This module integrates menu management directly into the content editing experience within Canvas. It allows editors to add, remove, and reorder pages within selected menus, including editing menu titles and establishing parent-child relationships, all from the page data panel. This provides a modern, in-context workflow for managing site navigation.
Features
- Adds a Menu panel inside Canvas > Page Data.
- Lets editors add/remove the current page from a selected menu.
- Supports menu title editing for the current page.
- Provides drag-and-drop ordering and nesting (parent/child structure).
- Supports multiple menus (configurable by administrators).
- Marks the currently edited page in the tree as (This page).
- Use cases
- Content teams maintaining navigation while editing pages in Canvas.
- Site builders who want a modern alternative to classic admin menu workflows.
- Projects where menu structure changes frequently during editorial work.
2. Go to Admin > Configuration > User interface > Canvas Menu Manager:
- select which menus are available in Canvas
- verify build/library status
3. Open a page in Canvas editor and use the Menu panel in Page Data.
Important
Node.js/npm are needed only for development/build tasks. Runtime only needs built assets in js/dist.
Additional Requirements
- Drupal 11
- Drupal Canvas module
- Drupal Menu UI (menu_ui)
- Development/build only:
- Built frontend assets from this module (js/dist)
- Node.js + npm
Recommended modules/libraries
- Pathauto (for cleaner URL aliases, helpful for editorial navigation consistency)
- Menu Link Attributes (if your project needs advanced menu link metadata)
- Optional: editorial workflow modules used with Canvas publishing processes
Additional Notes
- Permissions included:
- Manage Canvas menu items
- Administer Canvas Menu Manager settings
- If the panel does not load after updates:
- rebuild assets (npm run build)
- clear caches (drush cr)
- This module is designed for Canvas-based editorial workflows and focuses on usability for editors.