One question I do have, is regarding the error message which now displays above my form. So on my post form code, I have the following shortcode in there:
[cred_field field='form_messages' class='uk-alert uk-alert-warning']
Notice I have slightly changed the css classes of the alert to 'uk-alert' etc (this is to use my theme framework styling, I am not using bootstrap but the uikit framework). However, the error message which displays is wrapped in the classes 'alert' and 'alert warning', so it reverts back to the bootstrap classes, even though I have overwritten those in my 'form_messages' shortcode.
Do you have any idea why that might be?
Hi, I'm not sure why CSS classes added to the Form Messages block or shortcode do not seem to be respected on the front-end Form validation message area. I'm able to see the same problem in a local test site, so I'm asking my 2nd tier team to take a closer look. I will let you know what I find out.
awesome - thank you Christian 🙂
My second tier team has confirmed the problem and escalated the issue to our developers. I will keep you posted here as I receive updates about the problem. In the meantime, I could help you determine a CSS selector you can use to override the styles applied to this area, if I can see it in the browser. Otherwise, you may need a custom JavaScript solution that swaps this error message container's CSS classes upon page load (for non-AJAX forms) or upon some global AJAX event (as there is no public API for Forms JavaScript events).
Quick update - our developers have informed me the fix for this issue will be included in the upcoming Forms 2.6.10 release. I still do not yet have a schedule available for the release, so I will continue to keep you up-to-date here as I receive more information.
