When you add a custom CSS class to a webform via the UI, it does not get inserted into the HTML.
1. Create a new webform with basic fields an save
2. Go to the 'Settings' tab and then 'Form' tab under it.
3. Scroll down to the field 'Form CSS classes' and choose 'custom' and then enter any CSS class.
4. Save and then visit the webform page/block, and inspect the
element - the custom class is not there.
Without this working, for all the copious amounts of css webforms create, there is actually no unique identifier for a webform used across multiple pages. The main ID for the form, e.g. 'webform-submission-quote-form' has the 'node' for the page it is on added when used on multiple pages, and the parent block holding the form doesn't have the webform ID in it by default,
So there is no way to create CSS rules for a single webform used across multiple pages out of the box, which is another issue on its own I guess?
Closed: works as designed
6.2
Code
ravi kant → made their first commit to this issue’s fork.
@Ryanm81
Custom classes is applying.
Attaching screenshot for confirmation.