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.

Headshot

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, to custom module development, to performance/scalability and migrations. One of his main interests right now is to dive deeper into Drupal 8 and headless Drupal architecture using modern frameworks and libraries. Edward is also an active attendee at regional Drupal camps, DrupalCon, and other technical meetups.

Edward started his Drupal career at The Gilder Lehrman Institute of American History, where he was first exposed to Drupal. During his time there, he was part of a 2-person tech team that helped enhance and scale the website which  generated 100% increase in traffic year over year. He then joined NorthPoint Digital as a consultant and implemented Drupal solutions based on client needs. During his tenure there, he gained immense experience with custom module development in an agile environment, and even had the chance to contribute his first patch to a contrib module (Social Media Aggregator)! He also further developed his skills by diving into some modern technologies such as React and Node.js to work with Drupal data.

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

Learn more about Edward >

Related Insights