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.