Field Group Complete
This module adds visual indicators to Field Group tabs, showing editors when all required fields within a tab have been filled. This provides an at-a-glance view of form completion, especially for complex tabbed or accordion forms.
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-checkormy-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.
Depends on
Dependencies of the latest stable release
No dependencies recorded for this project.
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.