This module provides a hierarchical checkbox widget for term reference fields, based on the fancytree javascript plugin.
Its main use case is to provide a flexible lean implementation that can deal with extremely large taxonomies, using dynamic loading of tree levels.
When you have large hierarchical taxonomies, the widgets provided by Drupal Core (select, checkboxes, autocomplete) lack considerably in terms of editor UX.
Imagine you need to select 100 terms in a hierarchy of a thousand terms. This means you would need to display 1000 terms in your edit page or have to add 100 autocomplete fields.
Term Reference Fancytree provides a clean hierarchical widget, that provides an accurate representation of the taxonomy tree, making it easier to manage your term references.
By loading terms dynamically only when you expand tree levels you can have an unlimited number of terms in your taxonomy without impacting the performance of your edit page.
This module provides the following features:
- Expandable checkbox tree widget to select terms in your form pages
- Support term references using multiple taxonomies
- Ajax dynamic loading for optimal performance
- Bulk selection/de-selection by double clicking term parents
- Full keyboard navigation and WAI-ARIA support for accessibility
- Quicksearch support to allow navigate to next node by typing the first letters
This module is a zero configuration setup.
In order to get started using this module you need to install the Term Reference Fancytree module as you would any Drupal module. No dependencies are required.
After the module is installed you can just go to any entity's form manage screen, and select "Term Reference Fancytree" as a widget.
Contributing: https://github.com/duartegarin/term_reference_fancytree Documentation:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent