I'm trying to use Recaptha3 with the GoToTop function.
The GoToTop Icon page position places the icon on top of Google's Recaptha V3 logo.
I can't figure out how to move the GoToTop icon (its position is fixed)and I don't want to customize it to be different from your solution to this issue.
Recaptha V3 & GoToTop Overlap
3 replies · opened Mar 25, 2021
Hello,
Thanks for reporting this.
Please consider replacing the following code in the HTML File:
[ch_pre]
grecaptcha.ready(function() {
grecaptcha.execute('6LcBYaYUAAAAAFjKGPqfbwche3vA2li4ciXaXoyb', {action: 'contact_page'}).then(function(token) {
// add token value to form
document.getElementById('g-recaptcha-response').value = token;
});
});
[/ch_pre]
with the following:
[ch_pre]
grecaptcha.ready(function() {
grecaptcha.execute('6LcBYaYUAAAAAFjKGPqfbwche3vA2li4ciXaXoyb', {action: 'contact_page'}).then(function(token) {
// add token value to form
document.getElementById('g-recaptcha-response').value = token;
$('#gotoTop').css({ 'bottom': '90px' });
});
});
[/ch_pre]
This should definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
It works, THANKS!
Hello,
Very Happy to Help!
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard