Drupal is a registered trademark of Dries Buytaert
drupal 11.3.7 Update released for Drupal core (11.3.7)! drupal 11.2.11 Update released for Drupal core (11.2.11)! drupal 10.6.7 Update released for Drupal core (10.6.7)! drupal 10.5.9 Update released for Drupal core (10.5.9)! cms 2.1.1 Update released for Drupal core (2.1.1)! drupal 11.3.6 Update released for Drupal core (11.3.6)! drupal 10.6.6 Update released for Drupal core (10.6.6)! cms 2.1.0 Update released for Drupal core (2.1.0)! bootstrap 8.x-3.40 Minor update available for theme bootstrap (8.x-3.40). menu_link_attributes 8.x-1.7 Minor update available for module menu_link_attributes (8.x-1.7). eca 3.1.1 Minor update available for module eca (3.1.1). layout_paragraphs 2.1.3 Minor update available for module layout_paragraphs (2.1.3). ai 1.3.3 Minor update available for module ai (1.3.3). ai 1.2.14 Minor update available for module ai (1.2.14). node_revision_delete 2.0.3 Minor update available for module node_revision_delete (2.0.3). moderated_content_bulk_publish 2.0.52 Minor update available for module moderated_content_bulk_publish (2.0.52). klaro 3.0.10 Minor update available for module klaro (3.0.10). klaro 3.0.9 Minor update available for module klaro (3.0.9). layout_paragraphs 2.1.2 Minor update available for module layout_paragraphs (2.1.2). geofield_map 11.1.8 Minor update available for module geofield_map (11.1.8).

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

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.

Activity

Total releases
2
First release
Nov 2025
Latest release
5 months ago
Release cadence
5 days
Stability
0% stable

Releases

Version Type Release date
1.x-dev Dev Nov 17, 2025
1.0.x-dev Dev Nov 12, 2025