Tuesday, February 14, 2012

Putting Images With a Google Form?

WARNING: VERY ROUGH DIRECTIONS...

Last week @j_allen asked on Twitter if it was possible to embed images into a Google Form.  After a bit of research and playing around, I was not able to find an easy way to do this.

The best approximation that I could come up with involves embedding the form into a page on a Google Site (actually, this should work on any web page--we'll use Sites in this example).  Images could then be added to the page to go along with the form items.

When in a Google Spreadsheet that has a Form, if you pull down the FORM menu you should read "Embed form in a web page".  This will take you to a snippet of code that may be copied and pasted into the HTML of a web page.

So here is my quick and dirty overview of the process:

  • Split a Google Sites web page into 2 columns (Layout menu when editing a Google Sites page). 
  •  Click in the left hand column and then click the <html> link at the top of the page.
  •  Paste in the snippet of embed code from the form and then click UPDATE.
  •  Click in the right hand column and begin adding your images.   
This may take some playing around to get the images into the appropriate location in order to line up with the appropriate component of the form.

Again, this is a crude description of one possible solution to this problem.  I haven't thoroughly evaluated  whether this is practical, just that it is possible.  Here is a quick page I threw together to demonstrate the concept.  It has a very short, simple form in the left column and an image I grabbed at random placed in the right column.

  I am certainly open to other suggestions and would love to hear if this idea is workable for anyone.

No comments:

Post a Comment