field_group_complete

Adds visual "complete" indicators to Field Group tabs, showing when all required fields inside a group are satisfied.

Features

Field Group Complete adds a lightweight, real-time visual cue to Drupal forms.

When every visible, required field inside a Field Group tab is filled, the tab element receives a complete class and an optional, a11y-compliant badge that says "Complete".

This helps editors see at a glance which sections of a form are finished—especially helpful for tabbed or accordion forms.

Key features:

• Adds "complete" indicators to Field Group tabs.
• Fully configurable:
  • Add your own "complete" CSS classes.
  • Customize badge text ("Complete" / "Incomplete").
• Zero-config defaults — just enable and it works.
• Accessible badges using aria-live="polite".

Post-Installation

Once enabled, the module immediately enhances Field Group wrappers on entity edit forms.

You can customize its behavior at:

Configuration → Content authoring → Field Group Complete (/admin/config/content/field-group-complete)

You can:

• Add your own "complete" classes (e.g., usa-check or my-lib--complete).
• Adjust the badge text shown for complete/incomplete groups.

No new fields or content types are added—just UX improvement for existing forms.

Additional Requirements

• Drupal Core: 10 or 11
• Dependencies: Field Group

No third-party libraries or external APIs required.

Similar projects

There are no other modules that provide live, field-level group completeness tracking.

While Field Group can mark groups as "required if they contain required fields," that setting only determines whether a group contains required fields, not whether their requirements have been met.

Supporting this Module

Development and maintenance are volunteer-driven.

If you find this module useful, consider sponsoring issue fixes or enhancements via Drupal.org or contacting the maintainer for funded improvements.

Additional Notes

This module is intentionally simple, performant, and extensible:

• Works with custom Field Group wrappers or design systems through drupalSettings.
• Purely client-side; does not alter validation or submission logic.
• Fully Drupal-standards-compliant and written for long-term maintainability.