You can easily add in an animating spinner or anything else though by just creating a hidden div with the animation and then use some javascript/jquery to display when clicking the submit button. For example... (may not work)
CSS:
#submitting{
background: rgba(0,0,0,0.8);
text-align: center;
color: #fff;
font-size: 40px;
line-height: 40px;
display: flex;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 500;
}HTML
<aside id="submitting"> <small>Submitting...Put in anything here.</small> </aside>
JS
$('#submit').click(function(event) {
$('#submitting').fadeIn();
});]]>
[[+fi.successMessage]]
This placeholder needs to be called uncached: [[!+fi.successMessage]]
]]>
- math-hook was working before using &successMessage=`` and its fi.successMessage
- when switching to recaptcha-hook, fi.successMessage would stay empty even if form validates correctly incl reCaptcha
So as Bob explained I created a custom snippet "formitSuccess", but setting a placeholder WITHOUT the fi. - prefix:
$modx->setPlaceholder('successMessage','Form submitted successfully.');
return true;Inside FormIt-template (avoid the fi.-prefix !):
[[!FormIt? &hooks=`recaptcha,spam,email,formitSuccess` ... ]] [[!+successMessage:notempty=`[[!+successMessage]]`]]
Parse error: syntax error, unexpected T_STRING in /home/content/54/8603754/html/modx/core/cache/includes/elements/modsnippet/31.include.cache.php on line 7
Try the following...
Add a successMessage hook:
[[!FormIt?
&hooks=`spam,email`
&emailTpl=`contactEmailTpl`
...
&successMessage=`Thanks!`
]]
Add a placeholder below the FormIt tag:
[[+fi.successMessage]]
Remember not to use redirect hook for it to work!
Everything is nicely explained here:
http://rtfm.modx.com/display/ADDON/FormIt
Not work for me
This my chunck , what is wrong?
[[!FormIt?
&hooks=`recaptcha,spam,email,emailSubject`
&recaptchaJs=`{"lang":"[[++cultureKey]]", "theme":"blackglass"}`
&emailTpl=`ContactoEmail`
&emailFrom=`[[+ecorreo]]`
&emailFromName=`[[+nombre]]`
&emailTo=`[email protected]`
&emailSubject=`Mensaje desde el sitio web - www.jsarquitectura.com`
&successMessage=`Thanks!`
&validate=`
nospam:blank,
nombre:required,
ecorreo:email:required,
mensaje:required:stripTags`
]]
<div id="formcontacto">
<form name="formcontacto" action="[[~[[*id]]]]" method="post">
<input type="hidden" name="nospam" value="" />
<p>
<label for="nombre" class="formcontacto">Nombre[[+fi.error.nombre]]</label>
<input name="nombre" id="nombre" type="text" tabindex="1" value="[[+fi.nombre]]" />
</p>
<p>
<label for="ecorreo"class="formcontacto">Correo electrónico[[+fi.error.ecorreo]]</label>
<input name="ecorreo" id="ecorreo" type="text" tabindex="1" value="[[+fi.ecorreo]]" />
<p>
<span class="formcontacto">Mensaje[[+fi.error.mensaje]]</span>
<textarea name="mensaje" id="mensaje" cols="25" rows="7" value="[[+fi.mensaje]]" class="input-msg">[[+fi.mensaje]]</textarea>
</p>
<p>
[[!+formit.recaptcha_html]]
[[!+fi.error.recaptcha]]
</p>
<button type="submit">Enviar</button>
</form>
</div>
[[+fi.successMessage]][[!FormIt?
&hooks=`spam,email`
&emailTpl=`contactEmailTpl`
...
&successMessage=`Thanks!`
]]
Add a placeholder below the FormIt tag:
[[+fi.successMessage]]
Remember not to use redirect hook for it to work!
Everything is nicely explained here:
http://rtfm.modx.com/display/ADDON/FormIt
]]>
First example is caused "1". still....
And last one for skimmers doesn’t work.
New snippet in elements called "snippet_name" doesn’t work.
Last syntax php "?>" dissapearing after save and refresh.
Then doesn’t work.
Can u say something about it?]]>