Skip to main content

Blog Post

Autocomplete Deluxe Released for D8

I am excited to announce that the D8 port of the Autocomplete Deluxe module has been released in “beta”!
 

What does it do?

The Autocomplete Deluxe module provides a widget that enhances the default autocomplete field in Drupal. It uses jQuery UI autocomplete and provides a slick visual element for content editors to reference terms - displaying them inline, drag-n-drop reordering, and creation of new terms from the field itself. It works out-of-the-box and no 3rd party libraries are needed.
 

Installation and setup

Installing this module is straightforward - especially for Drupal 8. Simply run:

composer require drupal/autocomplete_deluxe;

To set up a field called “Tags" to use the Autocomplete Deluxe widget to set
values from the “Tags” taxonomy:

  • Navigate to “Administration” > “Modules” and enable the “Autocomplete Deluxe”
  •   module.
  • Navigate to “Administration”  > “Structure” > “Content types” and select “Manage
  •   fields” of the content type you wish to edit.
  • Add a new field of "Term reference" named "Tags".
  • Select the “Tags” vocabulary and save field settings.
  • Under the “Manage form display” tab, select the "Autocomplete Deluxe" widget type in the dropdown menu for your field and save.
  • Customize or keep the default Autocomplete Deluxe widget field settings.

And that’s pretty much it!

When you visit your node’s add or edit page, you will see the terms referenced displayed in the Autocomplete Deluxe widget:

Autocomplete Deluxe Released for D8

Additional information can be found in the README.
 

Contributions and attributions

As of this blog post, there are 14,374 sites using the module (with 159,221 downloads) on D7 and I anticipate that number will continue to ascend as more D8 sites use it.

The D8 port of the module started with an issue created in June 2016 and has been made possible through contributions from several members of the community - notably @idtarzanych, Mediacurrent’s own @LNakamura, and myself. Working from the initial patch provided by @idtarzanych, we were able to make some minor updates to ensure D8 standards were followed and was rid of PHPCS errors.

Mediacurrent acquired maintainership status of the Autocomplete Deluxe module from the module creator, Epiqo, in July 2017 - and we’ve been committing to the effort of assuring the issue queue is groomed, up-to-date, and responding to issues in a timely manner. Lee Nakamura and I are excited to continue to keep this module up to its full potential.

We hope that you will be able to make use of this wonderful module on your D8 sites and look forward to working on making it better through community contributions and feedback.
 

Additional Resources
Typescript and Drupal.behaviors | Blog
Building Rest Endpoints with Drupal 8 | Blog
Creating Content with YAML Content Module | Blog

Ed

Meet team member, Edward Chan

Edward brings four years of Drupal and full-stack experience to his role as a Developer at Mediacurrent. He has experience in all tiers in the Drupal stack- from front-end theming,...

Learn more about Edward >
Access icon Up arrow icon Drupal 8 icon Facebook icon - white Facebook icon - blue outline Facebook icon - yellow Hollow right arrow icon Hollow right arrow icon - white LinkedIn icon - white LinkedIn icon - hollow LinkedIn icon - blue outline LinkedIn icon - yellow Mediacurrent wordmark Quote icon Twitter icon - white Twitter icon - hollow Twitter icon - blue outline Twitter icon - yellow Youtube icon - white Youtube icon - yellow