Tutorial by Examples

Log into a Google Account and click New > More > Google Forms. Build the form fields required using the editor. If the form was built with an account that is part of an organisation then click on the cog and unselect the option that only members can complete the form. Set the form to save t...

This is done by adding a button, dialog box and iframe as explained below. The examples below use MDL for look and feel because it is used by Google forms and so it makes the additional elements look fairly seamless. Dialog boxes may require a polyfill if you plan to support older browsers.

<button id="googleFormButton" class="mdl-button mdl-js-button mdl-button--raised"> Load Form </button> <dialog id="googleFormsDialog" class="mdl-dialog"> <!-- <h4 class="mdl-dialog__title">Google Form</h4> -...

The value of GOOGLE-FORM-PREFILLED-URL should look something like this: https://docs.google.com/forms/.../?usp=pp_url&entry.1739003583=labelname1 jQuery('#googleFormButton').click(showGoogleForm) jQuery('#googleFormButton').attr('googleFormsURL', 'GOOGLE-FORM-PREFILLED-URL')

Add a new function called showGoogleForm and adapt the follow code to suit. Note for simplicity this example does not contain any error checking which should be added in a production environment. The url should look something like this: https://docs.google.com/forms/.../?usp=pp_url&entry.17391...