When using the Clientside Validation module for Webforms I noticed that for some fields the required message does not display correctly. The message displays at the spot where you would expect to see the first radiobutton. I have added a screenshot.

In the Claro theme the message for the required fields displayed as it should. It turns out when adding the template files from claro to the fortytwo form folder the required message is displayed correct.

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Issue fork fortytwo-3440234

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

EstherTempel created an issue. See original summary.

esthertempel’s picture

StatusFileSize
new4.79 KB
Aman_Goel’s picture

Aman_Goel’s picture

Assigned: Unassigned » Aman_Goel
Aman_Goel’s picture

StatusFileSize
new30.93 KB
new24.08 KB
new29.47 KB

The issue is replicating when applying the patch (fix-for-required-message.patch) on the FortyTwo theme.
The issue is also replicating when setting the default theme to starkit or claro.
The issue is not replicating when not using the module Clientside Validation so the issue is related to the module, not a theme.

Aman_Goel’s picture

Project: FortyTwo » Clientside Validation
Version: 8.x-4.x-dev » 4.0.2
Assigned: Aman_Goel » Unassigned
Aman_Goel’s picture

Assigned: Unassigned » Aman_Goel
Aman_Goel’s picture

Component: Code » Field Validation
Assigned: Aman_Goel » Unassigned
Aman_Goel’s picture

Component: Field Validation » Webform Validation
sourabhsisodia_’s picture

Assigned: Unassigned » sourabhsisodia_
sourabhsisodia_’s picture

Assigned: sourabhsisodia_ » Unassigned
sourabhsisodia_’s picture

Heyy @EstherTempel the issue is replicating in claro and all other themes also and the error message are not getting any css and there is no template in the module which describes how the errors should be shown in validation, by default they are taking css (if available) from the default theme .