Google Forms are a very effective solution for adding a wide variety of web forms to a BeerEngine based website, for example: a beer festival staffing form or a Pub of the Year voting form.

The following is a template for embedding a Google Form as an iFrame which fits within a Beer Engine page – see https://www.halton.camra.org.uk/viewnode.php?id=102369 as an illustration.

Credit goes to Beer Engine Support Team member Kevin Johnson for developing this template.

NB: remove the spaces at the front of the < html> tags below!

< div class=GoogleFormContainer>
< !-- Change the iframe document address to be that of your own form -->
< iframe class=GoogleForm
scrolling="no"
src="https://docs.google.com/forms/d/e/1FAIpQLSel33SFpyk9xYk8MnJpQauWdkUr4vkS8L106ba9qubAwmCmXg/viewform?embedded=true#start=embed">Loading...
< /iframe>
< /div>

< style>
.GoogleFormContainer {
  position : relative;
  overflow : hidden;
  padding : 0.5vmin ;
  margin-top : 10px;
  height : 940px;  /* Change to suit your form size       */
  width : 385px;   /* to avoid the display of scroll bars */
}

.GoogleForm {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 0px;
    overflow-y: visible;
    float : left;
    margin: 0;
    padding: 0;
    border-style : solid;
    border-color : var(--camra-primary);
    border-width : 8px;
    border-radius : 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 90%;
    width : 95.25%;
}

article {
    min-width: 50%;
}

< /style>