Recaptha V3 & GoToTop Overlap

3 replies·opened Mar 25, 2021
O
Only1BruceCMar 25, 2021

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.

S
SemiColonWebSTAFFMar 27, 2021

Hello,

Thanks for reporting this.

Please consider replacing the following code in the HTML File:

<script>
grecaptcha.ready(function() {
	grecaptcha.execute('6LcBYaYUAAAAAFjKGPqfbwche3vA2li4ciXaXoyb', {action: 'contact_page'}).then(function(token) {
		// add token value to form
		document.getElementById('g-recaptcha-response').value = token;
	});
});
</script>

with the following:

<script>
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' });
	});
});
</script>

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.

O
Only1BruceCMar 27, 2021

It works, THANKS!

S
SemiColonWebSTAFFMar 28, 2021

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