How to create custom theme for Google Form?
You can simply copy the form section of the html and copy paste to your page. It will post to google, and you still have full control over it.
You can't style it while it's an iframe.
see here for more tips about this:
http://morning.am/tutorials/how-to-style-google-forms/
Center Google Form with CSS
You can add text-align: center
to element with id googleForm
. Also you can safely remove margin-left
and margin-right
:
#googleForm { /*margin-left: auto;/* /*margin-right: auto;*/ text-align: center;}
<div id="googleForm"> <iframe src="https://docs.google.com/forms....></iframe></div>
How to transform a google form to Html Service
Take a look at FormFuse (was at formfuse.io). You give it a Google Form and it emails you back with the HTML/CSS version that you can customise to your hearts content! I've found it very useful when you start hitting the limitations of Google Forms.
Update 5 Jan 2017 - It looks like FormFuse has been discontinued, presumably because of the new Google Forms. Post a comment if you find an alternative service.
Google Forms: How can I edit the original responses to match new list options
After more research it appears that you can't edit the original responses by design, so it was not possible to fix the current form and responses in the way that I wanted.
If someone knows of a way to edit the original responses, please let me know.
WORKAROUND
My workaround solution was to create a new copy of the form and enter all of the corrected original data. I created a copy of the form, and resubmitted all of the original answers with the corrected weight class.I then replaced all links to the old form with links to the new form. The summary of responses is now correct.
EDITED RESPONSES
+---------+--------------+
| Name | Weight Class |
+---------+--------------+
| Person1 | Mens 77kg | *original row
+---------+--------------+
| Person2 | Mens 85kg | *original row
+---------+--------------+
| Person3 | Mens 105kg | *original row
+---------+--------------+
| Person4 | Mens 85kg | *new row
+---------+--------------+
CORRECTED SUMMARY
+---------+
| Names |
+---------+
| Person1 |
+---------+
| Person2 |
+---------+
| Person3 |
+---------+
| Person4 |
+---------+
+--------------+-------+------+
| Weight Class | Count | % |
+--------------+-------+------+
| Mens 77kg | 1 | 25% |
+--------------+-------+------+
| Mens 85kg | 2 | 50% |
+--------------+-------+------+
| Mens 105kg | 1 | 25% |
+--------------+-------+------+
Related Topics
How to Compile Less/Sass Files in Visual Studio 2017+
Multiple Classes Inside :Not()
How to Override CSS Set on a Pseudo Element
What's the Difference Between @Import and @Use SCSS Rules
CSS Selector for Disabled Input Type="Submit"
Linear Gradient in Chrome and Safari Browsers
How to Maintain Png Alpha Transparency When Using "-Ms-Filter" Property
Flexbox Vertically Split Container in Half
How to Use SASS Inside a Polymer Component
What Safari-Specific Pure CSS Hacks Are Out There
How to Override "-Moz-User-Select: None;" on a Child Element
How to Fix This Print Layout with Float (In Print Stylesheet)
How Can a <Label> Completely Fill Its Parent <Td>
Google Chrome Not Respecting Z-Index