Form Style

This module gives an overview of all form elements. It is helpful to test the usability and accessibility of forms.

Among other usage this module was, and is, instrumental in the development of Inline Form Errors, Claro, Olivero, and the upcoming default admin theme for Drupal 12.

Note that anyone with the 'access content' permission can use this module. It should therefore not be enabled on production sites.

Features

• Renders all common Drupal form elements on a single page for at-a-glance theme review
• Intentionally triggers validation errors on every element when the form is submitted, making it easy to review error states and inline error messages
• Renders using the front-end theme (not the admin theme) so you can inspect how forms look to site visitors
• Optional setting to disable the Inline Form Errors module for the showcase page, useful when comparing error rendering approaches

Usage

After enabling the module, visit /admin/form_style to see all form elements rendered in the active front-end theme. A Form Style link is also available at the bottom of the Navigation module's top-level sidebar for quick access.

Submit the form to trigger validation errors on every element — this is intentional and is the primary way to review error state styling.

Module settings (including the option to disable Inline Form Errors on the showcase page) are at /admin/config/form_style.