Menu tree

This module replaces the standard widget for selecting a Parent link. Weather creating a link via the node form, in Views or in the menu UI the menu tree widget is used.

Key features:

• Tree-based visual representation of menu structure
• Drag-and-drop functionality for menu item positioning
• Filter visible options via search
• Intuitive interface for selecting parent menu items
• No external dependencies - works with core modules only

Drag and drop demo:

3.x version

3.x: Requires Drupal 11.4. Before updating to the 3.x version from 1.x please first update to the latest 2.x version.

• Adds an indicator to where the menu link will be positioned after drag-n-drop
• Adds minor modifications to the UI to indicate the current menu link clearly
• Replaces the parent item select widget everywhere it is used; node forms, views and menu UI
• Adds support for large menus
• Adds the ability to filter a menu tree via search

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