Gravity Forms Editor Multi-Select

Add multi-selection and group moving of fields inside the Gravity Forms Form Editor.

Features

• Ctrl/Cmd + click to toggle field selection
• Click a field body to single-select it
• Drag the Move handle on any selected field to move the whole group
• No template or markup rewrites; it only adds/removes CSS classes and attributes

Requirements

• WordPress 6.0+
• PHP 7.4+
• Gravity Forms (Form Editor)

Installation

1. Upload the plugin folder to wp-content/plugins/gf-multiselect/
2. Activate the plugin through the Plugins menu in WordPress
3. Go to Forms → Edit Form in Gravity Forms

Usage

• Hold Ctrl (Windows/Linux) or Cmd (macOS) while clicking additional fields to toggle them into the selection
• Drag the Move handle on any selected field to move the whole group

How It Works

Gravity Forms uses jQuery UI draggable() with helper: "clone" in the editor. This plugin patches the draggable lifecycle so it can hide the other selected fields during drag and reinsert them after drop. It retries a few times after drop to handle editor re-renders.

Accessibility

The plugin adds tabindex="0" to field containers and sets role="option" with updated aria-selected state, without changing the markup structure.

License

GPL-2.0-or-later