VividCortex / angular-recaptcha

AngularJS directive to add a reCaptcha widget to your form
http://vividcortex.github.io/angular-recaptcha/
MIT License
496 stars 257 forks source link

Theme customization #10

Closed brunomacf closed 10 years ago

brunomacf commented 10 years ago

How do i customize the recaptcha appearance like https://developers.google.com/recaptcha/docs/customization#Custom_Theming ???

JohnH- commented 10 years ago

I would also like to know if this is possible. Specifically I just want to display the captcha image.

Edit: nevermind. Seems to work when you use <div id = "recaptcha_image3" theme = "custom" vc-recaptcha ng-model="model.captcha" key="PUB_KEY"> <div id = "recaptcha_image"></div> <input type="text" id="recaptcha_response_field" name="recaptcha_response_field"> </div>

perhaps this answers @brunomacf's question?

mtrias commented 10 years ago

Yeah that's the correct answer. I do it myself with the same code:

<div
    vc-recaptcha
    id="recaptcha_area"
    theme="custom"
    key="{{ captcha.key }}"
    >
        <div id="recaptcha_image"></div>
        <div class="recaptcha-content">
        <input
            id="recaptcha_response_field"
            name="recaptcha_response_field"
            ng-model="patch"
        />
        <div class="options">
        <div class="refresh_captcha">
        <a href="javascript:Recaptcha.reload()">Refresh CAPTCHA</a>
        </div>
        <div class="audio_captcha">
            <a href="javascript:Recaptcha.switch_type('audio')">Get an audio CAPTCHA</a>
        </div>
        </div>
    </div>
</div>