Hello,
I'm trying to add a ReCaptcha to a form created through the EPiServer.Forms plugin. From my understanding it should be as simple as adding the EPiServer.Forms.Samples package and while I can see the ReCaptcha element, add it to my form content and enter the site/secret keys in the element's settings it's not showing up on the actual form even though it seems to be somewhat functional as it's giving me a validation error when I try to submit my form:
Before submission:
After submission:
The element does seem to be there but it's just not showing. When I inspect the source I'm finding this block of HTML:
<div id="5c62f856-6ee9-412c-ab7b-29eec2521ae7" class="Form__Element Form__CustomElement FormRecaptcha" data-epiforms-element-name="__field_3301" data-epiforms-sitekey="[MY-SITE-KEY]-IBoCxsto"><span role="alert" aria-live="polite" data-epiforms-linked-name="__field_3301" class="Form__Element__ValidationError" style="display:none;"></span></div>
My guess is the scripts/styling aren't somehow being loaded. I noticed there's an inline script that contains a variable for additional scripts/styling that's trying to extend them into the EPiServer Form but I'm not seeing them in my sources/history settings or any 404 errors in my console:
Has anyone experienced a similar issue before? If it helps here are teh versions I'm using for the CMS/Forms/Forms Samples:
CMS Version - 11.15.1
EPiServer.Forms Version - 4.30.4
EPiServer.Forms.Samples Version - 3.7.0
Thank you in advance for any help.