Haven't seen one around

Found this on the subject of small recpatcha http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

Hi Tim,

Thanks for the information. I have implemented what was in the article using the Contour Contrib recaptcha control, however I have an issue in that when submitting the form, no validation is being done on the control and the form can be submitted.

Any ideas?

Hey,

Think you'll need to do this on the default recaptcha fieldtype in the Contour core

I am now using the default recaptcha fieldtype from the Contour core, however when I try to submit the form all I ever receive is that the code entered is invalid even though I can see that the code I am entering is correct. The code I am using is shown below, note the overwritten RecaptchaOptions that was needed as the default fieldtype doesn't allow the specifying of the customthemewidget. Any further ideas?

    <script type="text/javascript">
var RecaptchaOptions = {
theme : 'custom',
custom_theme_widget: 'recaptcha_widget',
tabindex : 0
};
</script>
            <div id="recaptcha_widget" style="display:none">

   <div id="recaptcha_image"></div>  
   <div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div>  

   <span class="recaptcha_only_if_image" style="display:block;padding-bottom:6px;padding-top:6px;">Enter the words above:</span>  
   <span class="recaptcha_only_if_audio">Enter the numbers you hear:</span>  

   <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" style="width:212px;" />  

   <div><a href="javascript:Recaptcha.reload()">Get another CAPTCHA</a></div>  
   <div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')">Get an audio CAPTCHA</a></div>  
   <div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type('image')">Get an image CAPTCHA</a></div>  

   <div style="padding-bottom:6px;"><a href="javascript:Recaptcha.showhelp()">Help</a></div>  

 </div>  

 <script type="text/javascript"  
    src="http://www.google.com/recaptcha/api/challenge?k=6LdV_eUSAAAAADAZabPr03hTB6Fy_IkXfRBnyEXJ">  
 </script>  
 <noscript>  
   <iframe src="http://www.google.com/recaptcha/api/noscript?k=6LdV_eUSAAAAADAZabPr03hTB6Fy_IkXfRBnyEXJ" 
    height="300" width="500" frameborder="0"></iframe>        
   <textarea name="recaptcha_challenge_field" rows="3" cols="40">  
   </textarea>  
   <input type="hidden" name="recaptcha_response_field"  
        value="manual_challenge">  
 </noscript>  

This is turning into a bit of a nightmare, I have spent a fair few hours trying to get this working but still no luck, surely there must be someone out there who has successfully implemented a custom theme to the captcha control and got it working.

Great thanks for posting the solution :)

is working on a reply...