Don Break 2016-12-28 14:00:00
Say you want to create a survey using Google Forms, because you’re familiar with the platform. The problem is, your target audience is going to be on their mobile devices, and Google Forms tends to be too wide for mobile use. So what can you do to make it more user-friendly and responsive?
First, we’ll go over the basics of how to create a Google Form. Let’s say you want to collect contact info.
 Sign into your Google Account and click on Documents in your menu bar. Click the Create button and choose the Form tool.
 Click on the Add item button within the Forms editor and look at the different types of items that are available. To make it easier on the people who will be filling out your forms, you can use “Choose from a list” or “Multiple choice” to offer data from a drop-down option. You will also need to collect other info like phone number, name, and email in text boxes. Keep the data collection as minimal as possible.
 Choose your theme from one of the many offered. You can also use the Sample or Plain Form if you don’t like any of the background themes. Click Apply.
 Follow the steps to create your form. Make sure you delete the sample questions.
 Save your form.
 Go back to your Docs homepage and open the spreadsheet of the form you created. Note: you will see all of the submissions to your form.
 Choose “Form” on the menu bar and click “Go to live form”.
 Use the Find function (Ctrl+F or Command+F) to find the term “form action”. You will see this code:
 Go to your blog dashboard and create a new page for your blog. Open it and go to the HTML editing section.
 Paste in your code.
 The form should appear on your blog.
You have a few options, actually. You may be able to learn more about your mobile options on the ProntoForms website.
When you paste the embed code into your website or blog, find the “width” seeing in the code. The default width is “760” and you need to change that to “100%”. This will make the form reset itself to the width of whichever size screen upon which it is viewed.
<head>to set a viewport.
Change the width in Google Forms before you paste the code. Change the width to 360 for a phone or to about 560 for a tablet. To do this, go to File > Embed and change the width. Hit tab so it updates the code for you, and paste it into your blog or website.