# Nice ImageField Widget

## Overview

The default Drupal Image module provides a tabledrag interface for managing multiple images, but this approach can be inconvenient and unintuitive.

**Nice ImageField Widget** enhances this experience by using the jQuery UI **sortable** interaction. It introduces a new 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 the image

---

## Drupal Compatibility

### Drupal 9/10/11

* Requires the contributed module **jQuery UI Sortable** (moved from core starting in Drupal 9).

---

## Requirements

### Drupal Core

* **Image** module

### Contributed Modules (Drupal 9/10/11)

* **jQuery UI Sortable**

### External Libraries

* **jQuery Flip** plugin

---

## Installation

1. Install this module as you would any contributed Drupal module.
   Refer to the official documentation for:

   * *Installing modules (Drupal 9/10/11)*

2. Add an Image field to a content type (only multiple!) and select the **“Nice Image Widget”** widget.
For better experience please choose preview image style not less then 220x220.
When adding images on node, you can simply rearrange them using drag-and-drop feature.

3. If necessary, adjust PHP configuration in your `php.ini`:

   * `max_input_vars`
   * `max_file_uploads`
   * `post_max_size`
   * `upload_max_filesize`
