Menu tree
This module provides an intuitive tree-based interface for managing menu links on node forms. It allows users to visually select parent menu items and reorder menu links within any available menu using drag-and-drop functionality directly on the node edit page.
This modules replaces the standard widget for selecting Parent link on node add and edit forms with a tree widget. The menu link can be reordered within any available menu for the node using drag and drop.
Key features:
- Tree-based visual representation of menu structure
- Drag-and-drop functionality for menu item positioning
- Intuitive interface for selecting parent menu items
- No external dependencies - works with core modules only
Drag and drop demo:
2.x version
2.1 - Drag and drop: This version introduces drag-and-drop ordering of the menu link directly on the node form.
2.0 - New UI: This version comes with a brand new UI and drops support for Drupal core < 10.3.
Requirements
This module requires no modules outside of Drupal core.
Installation
Install as you would normally install a contributed Drupal module. For further
information, see Installing Drupal Modules.
Configuration
To enable the menu tree widget for a node type visit the node type settings page, for example /admin/structure/types/manage/page for the Basic page content type, and click the Menu settings vertical tab. At the bottom, check the Use tree widget for parent link checkbox and save the settings.
Maintainers
Happiness sponsors this module maintenance.
- Peter Törnstrand - peter törnstrand
Shout-out
- Much of the code for the Twig extension used before version 2.1 was borrowed from Simplify Menu
- The new UI in the 2.x version is based on the article Tree views in CSS by
Kate Morley