Nice ImageField Widget

Overview

The default Drupal Image module allows managing multiple images using the tabledrag interface, but this approach is often inconvenient and unintuitive.

Nice ImageField Widget improves this experience by using the jQuery UI Sortable interaction. It provides a widget called “Nice Multiple” for Image fields, offering a more user-friendly way to manage and reorder images.

With this widget, you can:

• Reorder images easily using drag-and-drop
• View images at a comfortable size
• Edit alternative text and titles directly by clicking on an image

Drupal Compatibility

Drupal 9/10/11

• Requires the contributed module jQuery UI Sortable (previously part of core but moved to contrib starting in Drupal 9)

Requirements

Drupal Core Modules

• Image

Contributed Modules

Drupal 9/10/11:

• jQuery UI Sortable

External Libraries

• jQuery Flip plugin

Installation

• Install the module like any other contributed Drupal module. Refer to the official documentation for:
  • Installing modules in Drupal 8+
• Add an Image field to a content type (must be multiple) and select the “Nice Image Widget” widget.
  
  For the best experience, use a preview image style of at least 220x220 pixels.
  
  Once added, you can easily rearrange images using drag-and-drop and edit titles/alt text by clicking the image.
• If necessary, adjust PHP configuration in your php.ini:
  • max_input_vars
  • max_file_uploads
  • post_max_size
  • upload_max_filesize