Forums

Hi Chrono Team!

I have a form on: http://asdinamicos.freesite.host/contactenos and everything is fine except the captcha image that is not being shown, this is my form code:

<div class="form-group gcore-form-row" id="form-row-nombre"><label for="nombre" class="control-label gcore-label-left">Nombre</label>
<div class="gcore-input gcore-display-table" id="fin-nombre"><input name="nombre" id="nombre" value="" placeholder="" maxlength="" size="" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-email"><label for="email" class="control-label gcore-label-left">Email</label>
<div class="gcore-input gcore-display-table" id="fin-email"><input name="email" id="email" value="" placeholder="" maxlength="" size="" class="validate['required','email'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-pais"><label for="pais" class="control-label gcore-label-left">País</label>
<div class="gcore-input gcore-display-table" id="fin-pais"><input name="pais" id="pais" value="" placeholder="" maxlength="" size="" class="form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-mensaje"><label for="mensaje" class="control-label gcore-label-left">Mensaje</label>
<div class="gcore-input gcore-display-table" id="fin-mensaje"><textarea name="mensaje" id="mensaje" placeholder="" rows="8" cols="60" class="validate['required'] form-control A" title="" style="" data-wysiwyg="0" data-load-state="" data-tooltip=""></textarea></div></div><div class="form-group gcore-form-row" id="form-row-captcha"><div class="gcore-subinput-container-wide" id="fitem"><label for="captcha1" class="control-label gcore-label-left">Captcha</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-captcha1"><input placeholder="" maxlength="" size="" class="form-control A" title="" style="" type="text" name="captcha" id="captcha1" /></div></div>
<div class="gcore-subinput-container-wide" id="fitem1"><div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-captcha2">{captcha_img}</div></div></div><div class="form-group gcore-form-row" id="form-row-enviar"><div class="gcore-input gcore-display-table" id="fin-enviar"><input name="enviar" id="enviar" type="submit" value="Enviar" class="form-control A" style="" data-load-state="" /></div></div>

I appreaciate your valued help!

Thanks!

Ivan

Hello tuto,
I'm not a Chrono professional, but after checking your new post, I think that the following links may help:
The Captcha image doesn't show
The Captcha image is too small
P.S: I'm just an automated service😉

Hi Ivan,

As far as I can see something is happening with the URL call to the host - maybe because you are on a sub-domain of the web host. I suggest that you try using one of the other Captchas - Google NoCaptcha may well work OK here.

Bob

I can't get my captcha image to show either
Here is a link: https://www.schoolclasslist.com/index.php?option=com_chronoforms5&chronoform=basic-contact-captcha_SCL
Here is the code:
<div class="gcore-line-tr gcore-form-row" id="ftr-name"><div class="gcore-line-td" id="ftd-name"><label for="name" class="gcore-label-left">Name</label>
<div class="gcore-display-table gcore-input" id="fin-name"><input name="name" id="name" value="" placeholder="" maxlength="" size="" class=" validate['required']" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div></div><div class="gcore-line-tr gcore-form-row" id="ftr-email"><div class="gcore-line-td" id="ftd-email"><label for="email" class="gcore-label-left">Email</label>
<div class="gcore-display-table gcore-input" id="fin-email"><input name="email" id="email" value="" placeholder="" maxlength="" size="" class=" validate['required','email']" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div></div><div class="gcore-line-tr gcore-form-row" id="ftr-phone"><div class="gcore-line-td" id="ftd-phone"><label for="phone" class="gcore-label-left">Phone</label>
<div class="gcore-display-table gcore-input" id="fin-phone"><input name="phone" id="phone" value="" placeholder="" maxlength="" size="" class=" validate['required','phone']" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div></div><div class="gcore-line-tr gcore-form-row" id="ftr-Role"><div class="gcore-line-td" id="ftd-Role"><label for="Role" class="gcore-label-left">Role</label>
<div class="gcore-display-table gcore-input" id="fin-Role"><select name="Role" id="Role" size="" class="" title="" style="" data-load-state="" data-tooltip="">
<option value="Class Rep">Class Rep</option>
<option value="PTA Chair">PTA Chair</option>
<option value="Committee member">Committee member</option>
<option value="School Head">School Head</option>
<option value="School Teacher">School Teacher</option>
<option value="Parent">Parent</option>
<option value="Other">Other</option>
</select></div></div></div><div class="gcore-line-tr gcore-form-row" id="ftr-school_name"><div class="gcore-line-td" id="ftd-school_name"><label for="school_name" class="gcore-label-left">School Name</label>
<div class="gcore-display-table gcore-input" id="fin-school_name"><input name="School_Name" id="school_name" value="" placeholder="" maxlength="" size="" class=" validate['required']" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div></div><div class="gcore-line-tr gcore-form-row" id="ftr-school_town"><div class="gcore-line-td" id="ftd-school_town"><label for="school_town" class="gcore-label-left">School Town</label>
<div class="gcore-display-table gcore-input" id="fin-school_town"><input name="School_Town" id="school_town" value="" placeholder="" maxlength="" size="" class="" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div></div><div class="gcore-line-tr gcore-form-row" id="ftr-school_postcode"><div class="gcore-line-td" id="ftd-school_postcode"><label for="school_postcode" class="gcore-label-left">School post/zip code</label>
<div class="gcore-display-table gcore-input" id="fin-school_postcode"><input name="School_postzipcode" id="school_postcode" value="" placeholder="" maxlength="" size="" class="" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div></div><div class="gcore-line-tr gcore-form-row" id="ftr-number_pupils"><div class="gcore-line-td" id="ftd-number_pupils"><label for="number_pupils" class="gcore-label-left">Number of Pupils</label>
<div class="gcore-display-table gcore-input" id="fin-number_pupils"><div class="gcore-single-column" id="fclmn"><div class="gcore-radio-item" id="fitem"><input name="Number_of_pupils" id="number_pupils" value="1000+" class="" title="" style="" data-load-state="" data-tooltip="" type="radio" />
<label class="gcore-label" for="number_pupils">1000+</label></div>
<div class="gcore-radio-item" id="fitem1"><input name="Number_of_pupils" id="number_pupils1" value="801-1000" class="" title="" style="" data-load-state="" data-tooltip="" type="radio" />
<label class="gcore-label" for="number_pupils1">801-1000</label></div>
<div class="gcore-radio-item" id="fitem2"><input name="Number_of_pupils" id="number_pupils2" value="451-800" class="" title="" style="" data-load-state="" data-tooltip="" type="radio" />
<label class="gcore-label" for="number_pupils2">451-800</label></div>
<div class="gcore-radio-item" id="fitem3"><input name="Number_of_pupils" id="number_pupils3" value="151-450" class="" title="" style="" data-load-state="" data-tooltip="" type="radio" />
<label class="gcore-label" for="number_pupils3">151-450</label></div></div></div></div></div><div class="gcore-line-tr gcore-form-row" id="ftr-Hear_about _us"><div class="gcore-line-td" id="ftd-Hear_about _us"><label for="Hear_about _us" class="gcore-label-left">Hear about us</label>
<div class="gcore-display-table gcore-input" id="fin-Hear_about _us"><textarea name="How_did_you_hear_about_us?" id="Hear_about _us" placeholder="" rows="8" cols="60" class=" validate['required']" title="" style="" data-wysiwyg="0" data-load-state="" data-tooltip=""></textarea></div></div></div><div class="gcore-line-tr gcore-form-row" id="ftr-captcha"><div class="gcore-line-td" id="ftd-captcha"><label for="captcha" class="gcore-label-left">Captcha</label>
<div class="gcore-subinput-container-wide" id="fitem4"><div class="gcore-input-container gcore-display-table gcore-input" id="fin-captcha1"><input placeholder="" maxlength="" size="5" class=" validate['required']" title="" style="" type="text" name="captcha" id="captcha1" /><label class="gcore-sub-label">Please enter the code in the image</label></div></div>
<div class="gcore-subinput-container-wide" id="fitem5"><div class="gcore-input-container gcore-display-table gcore-input" id="fin-captcha2">{captcha_img}</div></div></div></div><div class="gcore-line-tr gcore-form-row" id="ftr-submit6"><div class="gcore-line-td" id="ftd-submit6"><div class="gcore-display-table gcore-input" id="fin-submit6"><input name="submit6" id="submit6" type="submit" value="Submit" class="" style="" data-load-state="" /></div></div></div>

Hi susanb,

The code on the page looks OK, maybe you don't have the GD library installed, or there is a servers setting blocking it. Rather than debug this I suggest that you switch to one of the other Captcha methods in CF.

Bob

We have used a security question for now.