Hello Guys,
This is my first Component. I've missing a Captcha, so I create one with Google Recaptcha.
To use, just go to https://www.google.com/recaptcha/admin and put your site name there, after generate the keys, put it on Admin Dashboard.
If want to improve the translation file, just fork the project and make a Pull Request.ยด
Updated Code (Covers all screen sizes until 358x842)
Note: Tested only on Chrome's developer tolls (F12)
<style>
@media only screen and (max-width: 500px) {
.g-recaptcha {
transform:scale(0.77);
transform-origin:0 0;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.g-recaptcha {
transform:scale(0.86);
transform-origin:0 0;
}
}
</style>
Every social network using this that targets mobile devices should use this code:
<style>
@media only screen and (max-width: 500px) {
.g-recaptcha {
transform:scale(0.77);
transform-origin:0 0;
}
}
</style>
in their view.php to make the Recaptcha box not to escape the sign-up box especially on mobiles.
Source: https://geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/
File Mentioned: /components/ReCaptcha/plugins/default/recaptcha/view.php
@Jonathan Goncalves. maybe consider adding this code on your view.php file.
Well Done!
Just created v3 from this component https://www.opensource-socialnetwork.org/component/view/6535/google-recaptcha-v3
Note that your component works fine!
@Jonathan your component works fine, what I meant was if you wish to have recaptcha v3, he need to just modify the source code and change HTML, JS code provided by google.
Hello @arsalan Shah, can you share with me what you update so I can update the plugin?
You can just upgrade it in source code, I verified this version works fine.
Can someone update this component?
Seems not to work with newest google recaptcha v3
Works great!!
This works but only appears on the registration page. How do you add it to the login, pw reset and admin login pages?