Skip to main content

Blog Post

Autocomplete Deluxe Released for D8

by Edward Chan
September 7, 2017

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.

Meet team member, Edward Chan

Edward brings eight years of Drupal and full-stack experience to his role as Senior Drupal Developer at Mediacurrent. He has experience with all tiers of the web development stack—from front end theming to custom module development, performance/scalability, and migrations. He also serves as tech lead for several projects and always continues to search for new opportunities for growth. 

Edward started his web development career at an educational non-profit where he was first exposed to Drupal. During his time there, he was part of a small tech team that helped enhance and scale the institution’s website, which generated a 100% increase in traffic year over year. His next adventure landed him at a mid-sized digital agency where he worked with clients on solving challenging problems and delivering value. While with them, he focused on custom module development in an agile environment and made his first patch contribution to a contrib module (Social Media Aggregator)! 

Born and raised in New York City, Edward is accustomed to a fast-paced lifestyle and enjoys searching for the next best cup of coffee, finding the next trendy restaurant, as well as attending Knicks games.

Learn more about Edward >

Related Insights