Enable WET-BOEW inline form validation for webforms

Created on 9 August 2025, 9 days ago

Problem/Motivation

A client requested to have WET-BOEW inline form validation available for webforms as seen here - https://wet-boew.github.io/v4.0-ci/demos/formvalid/formvalid-en.html

Steps to reproduce

Normally to get this to work you would have to override the webform.html.twig file in your custom theme to wrap the <form> element with <div class="wb-frmvld">. You would also need to adjust some field templates to get the label markup inline with WET-BOEW's JavaScript/CSS expectations.

Proposed resolution

Add a third-party setting to webforms via wxt_ext_webform, a simple checkbox to enable/disable per webform.

With this setting enabled on a webform, inline field validation works as expected.

✨ Feature request

Status

Active

Version

6.1

Component

Code

Created by

🇨🇦Canada smulvih2 Canada 🍁

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @smulvih2
Comment 9 days ago →
🇨🇦Canada smulvih2 Canada 🍁
Two PRs for this feature, one for drupalwxt/wxt that adds the third-party setting to webforms and wraps the webform in the expected markup when enabled - https://github.com/drupalwxt/wxt/pull/331

The other PR is for drupalwxt/wxt_bootstrap, which modifies the field label markup to align with what WET-BOEW expects. This includes changes to the required field marker - https://github.com/drupalwxt/wxt_bootstrap/pull/34
Comment 9 days ago →
🇨🇦Canada joseph.olstad
I added a comment to the PR 34 in wxt_bootstrap. We can test this out a bit more and see what happens in wild environments.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024