How to change background in Google form with Google script? - google-forms

I want to change background color in new version Google form as old version.
But I can not find this function in Google form and script.

Related

How to get virtual pageviews heatmaps in Microsoft Clarity via Google Tag Manager?

I am trying to add Clarity for monitoring a wizard funnel which dynamically changes content whenever the user goes through every wizard steps.
I have followed the online docs to have custom identifiers for virtual pageviews, and I have the triggers already tested within Google Tag Manager that launches the code in the below way:
<script>
window.clarity("identify", {{custom_user_id}}, {{custom_session_id}}, "wizard_step_2");
</script>
Even if the code seems working fine, with no errors inside JS console, I do not know how to filter Clarity heatmaps using the pageId value "wizard_step_2"

Google Site Navigation Buttons Using URLs Stored in a Google Sheet

I am trying to add BACK and NEXT navigation buttons to my Google site.
However, I want the URLs that are associated with the BACK and NEXT buttons to come from a Google Sheet.
In other words, I want the BACK and NEXT buttons in the Google site to get their URLs from specific cells in a Google Sheet.
If this can be achieved, I can dynamically change the URLs for the BACK and NEXT buttons in the Google Sheet, based on answers to questions posed in previous pages of the Google Site.
Here's a simplified flow diagram.
If this cannot be achieve using Google Site's native button component, can someone offer another way of doing this and still use the Google Sheet as a reference for the URLs?
Perhaps by using Google Site's <EMBED> option, where I can embed two buttons, BACK and NEXT and their URLs are still pulled from a specified Google Sheet.
Thank You Kindly, in advance, for your very valuable guidance.

Custom Google Form? Example of Google Form API?

I'm trying to make a google form look like my own site. I found examples of how to do this on How to style Google Forms and google-custom-form (GitHub project), but I tried both of the examples they give and they seem to fail now.
I had a look at Class Form - Google Apps Script which seems to be like an API, but I can't get my head around the documentation. Does anyone have an example of it working. Or has found another way of getting this to work? It would be really handy to do as embedded forms look really out of sync with the rest of the site.
The API you're linking to is an apps script API. This is needed if you want to create dynamic forms (dynamic amount of questions, dynamic answers,...) but not for custom styling. An intro to appscript can be found on this page: https://developers.google.com/apps-script/
You could just create a form manually on https://www.google.com/forms/about/
You can change the styling and colors in the top-right of the page. When you are ready to embed the form on your own page you have to press "SEND", an select the embed icon <> at the top.
I've worked with this a ton, and still have issues with it. Been learning the new api v4 for sheets but still having trouble, it is still in beta too. For now I can recommend this solution though by heaversm on github.
https://github.com/heaversm/google-custom-form
The example fully works as long as you find the entry.xxxxxxx for each field and replace in the appropriate js. To avoid the embed issues, give your form submit on a click function that has the event as the input and then preventDefault on the event like so:
$('#submit-button').on('click', function(event){
event.preventDefault();
// continue code from heaversm
});
Hope this works for you. Cheers

Change page URL instead of pop up with Google Sign In Button

In response to possible duplicate: This question pertains to a specific button Google generates using a <script> tag targeting a particular <div>, so is different than the question linked below.
I want to, if possible, use the automatically generated Google sign-in button, reference here: https://developers.google.com/identity/sign-in/web/sign-in#add_a_google_sign-in_button
However, this button, by default, launches the sign-in as a popup, which I can't use due to a platform limitation on the app my application is being embedded into.
Is there a way to make this window open by changing the document.URL rather than as a popup? I know there are other ways to accomplish Google sign-in, but I'm trying to be a good(lazy) programmer and do it the simplest way first.

Customize default InfoWindow in Google Maps API v3

I am wondering if it is possible to customize the default InfoWindow that pops up when the user clicks on various businesses that Google displays on its default map (see screenie). I would like to add functionality to let people "pin" these locations if they have stumbled on them while just browsing the map.
It is not currently possible to listen to any click event on the POI icons so overriding/modifying the info window is not possible.
File a feature request asking for it.
i don't know customizing the functionality of infowindow, but by using google infobox we can customize the look, from that you can try the functionality. because infobox uses pure html code.
http://google-maps-utility-library-v3.googlecode.com/svn/tags/infobox/1.1.9/src/infobox.js

Resources