canvas_menu_manager

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.
---

Post-Installation

1. Enable the module.
2. Build frontend assets (development/build step):
- cd web/modules/contrib/canvas_menu_manager
- npm install
- npm run build
3. Rebuild Drupal caches:
- drush cr (or ddev drush cr)
4. Go to Admin > Configuration > User interface > Canvas Menu Manager:
- select which menus are available in Canvas
- verify build/library status
5. 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)
- Built frontend assets from this module (js/dist)
Development/build only:
- 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.