SPPB Enhancement: Allow Style Customitation For Forms Builder Add-on For "Captcha" And "Policy Checkbox" Sections
Peter Hunkeler
I'd like to place an enhancement request regarding the SP Page Builder "Forms Builder" add-on.
The Forms Builder add-on offers much control over the layout and style of its parts. There are two thins, however, which can only be customized by inspecting the HTML code send to the browser, and adding custom css code.
It would be helpfull if the "Captcha" section would allow style customization. Since, at least for clodflare turnstile, this section is embedded as an iframe, details cannot be set from the outside. However, it should be possible to add a custom css class to the iframe, or the surrounding div tag, and gain control of at leas part of the layout.
In addition, the look and feel of the "Policy Check" section cannot be changed without inspecting the HTML code. Some control, at least about padding and margins, would be nice.
Regards Peter
Ziaul Kabir
Accepted AnswerHi Peter,
Thanks for your feedback and suggestions!
Regarding the Captcha section, since it is a third-party service, we only integrate its functionality into our product. Unfortunately, we do not have control over its design. Any styling limitations depend on how the provider has implemented their solution.
As for the Policy Checkbox section, we appreciate your input. We’ll forward this suggestion to our development team for review and consideration in future updates.
Best regards,
Peter Hunkeler
Accepted AnswerHello Ziaul Yes, I'm aware the desing of the captcha section is out of your hands, but you embed the whole thing in a div element.
If a css class could be added to that div, it would be easier and more consitent to change the look and feel. One thing I'm thinking of are the margins. As it is today, it is not easy to align the captcha section with the rest of the forms fields.
Regards
Ziaul Kabir
Accepted AnswerHello,
Please check the attached screenshot. There is a class named sppb-dynamic-recaptcha that you can use to write your custom CSS based on this selector.
Let me know if you need any further assistance.
Best regards,
Peter Hunkeler
Accepted AnswerHello, I had chosen class "cf-turnstile" but your suggestion is better, since this class will be assigned not matter what type of recaptcha is being used. Great. Thanks for your help