Google reCAPTCHA Invisible working but not Invisible - html

I've implemented the invisible reCAPTCHA and it's all working fine, but Google in their wisdom add a terms/privacy box as an overlay on the bottom right side of the screen:
Unfortunately because I already have a schedule box there it looks a mess. Both Google and my scheduler are external code so I feel like I don't have control. Is there anyway to block/change sides etc the Google terms.

Just found this, although it doesn't give much control:
g-recaptcha tag attributes and grecaptcha.render parameters
If you add:
data-badge="bottomleft"
or
data-badge="inline"
It allows you to flip sides or put it in the form. In my opinion Google needs to address this, I'd happily have a link to all their privacy/terms but this encroaches massively on my site..

Related

Adding Button in Gmail for web users

I am trying to figure out how can I add a button to the Gmail compose window.
Please see the image below for better idea..
Using Google App Script I have achieved some functionality where we can create almost anything, but How can We create a button in Gmail?
Even if not compose window as shown in image above, I will like to learn how to add button at any place in Gmail.com's window using gadget or any other way.
Note: I have tried many things and ended up nowhere, The Sidebar is deprecated by google so please don't highlight that..
I will be glad if any working code to add button in Gmail available,
Thanks in advance

Is there a way to change the size of the Google SaveToDrive button?

I'm using the Google SaveToDrive button on my webpage as shown here: https://developers.google.com/drive/savetodrive
However, the g-savetodrive button always shows up in a fixed size that does not match the rest of my UI/layout. Are there any parameters to it that we can change the size of the button?
I tried other possibilities that I saw in +1 and Google SignIn buttons also (like data-size, data-width, data-height), but none of them worked.
The short answer is: not easily.
The google api embeds the icon in an iframe, which means you'd have to do some fiddling with jquery to apply any style rules to the button.
see: How to apply CSS to iframe?
To make matters worse the img source is very small. Stretching it yields a very fuzzy image that I wouldn't recommend. At the very least you'll want to find a large drive image and use that instead.
I think your best bet is creating a custom button that emulates googles class and id tags. Hopefully you can reverse engineer the button click and hook your custom button up to the same functionality.

How to acomplish the Google Phone stay on top effect html?

Google phone opens up a small widget on the right of Gmail and stays there. Even when navigating to other emails or composing at email (similar effect is achieved I believe by Facebook chat).
Are they using frames? I hope not.
I need to keep some images open while the user navigates other parts of the application so using the approach of google to place my image holders would be ideal.
I'm not familiar with google phone, but maybe an iframe is what you are after:
http://www.w3schools.com/tags/tag_iframe.asp
It's an inline reference to another document.

Google maps and plus one conflict

When you put a google map and a plus one button on the same page it seems to create some strange rendering issues. In these examples WITH and WITHOUT the plus one button. If you click on a marker it will zoom in on it, then hit reset to zoom back out. You'll see the map doesn't render when the buttons included till you zoom in and out manually. Why? Anyone know a way around this?
EDIT: This issue seems to only happen in Google Chrome...IRONY!
Both worked fine for me in Firefox 6. In IE9 the google +1 button didn't even show up at all. No surprise there, really, although it should work. That might be, however, because you don't have fully valid HTML in your test document (with html and body tags). You might want to try that first.
You can also try using the HTML 5 tag for the google plus one button. I feel that is a safer alternative and it is fully HTML5-valid:
<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="250" ></div>
Check out the +1 Button Reference under "+1 Tag Attributes" for a complete list of possible attributes

AJAX message under google ads

I'm building a ASP.NET application using C#. On my website, I also use AJAX toolkit from Microsoft. When error message are displayed, they appear under the Google ads.
It's very annoying because before adding the ads, everything was working good. In fact, it work perfectly but I'm searching for a way (probably CSS) to put the error message on top of the ads OR to put the ads from Google in the background.
With all the people having Google ads on their site, I hope someone has found a solution to this problem!
un tested solution.
put your adsense code in a div. add style to you div with z-index:-1. Add z-index:3 or above to your error container. In theory this will make google ads appear under you error message.
I believe the Google Ads code is specifically designed to make sure it is on top (to prevent "cheating the system" by obscuring or hiding the ads while still displaying them).
Your best bet is probably to try to alter how your error messages are displayed so that they don't go outside of the "content" area of the page into the ad area - perhaps make them appear below the input box instead of to the right of it, or something similar.