Mike Walsh's random thoughts and musings …
Tips and Tricks
Periodically i receive an e-mail or a comment asking how to accomplish some particular feature or function using my WordPress Google Form plugin. I’ve ended up writing a blog post for several of them. To make it easy to find, I have listed them here:
- Hide the title of a Google Form
- Hide the bullets on a Multiple Choice question
- Style the Submit button on a Google Form
- Highlight missing fields on a Google Form
- Suppressing White Space on a Google Form
As I add more, I will update the list. By in large, just about any visual change can be made using CSS.
I like your plugin but am wondering, is here a way to add captcha to the form once it is on the website?
No, there is no CAPTCHA support because the plugin simply presents the form as it was defined within Google’s domain. There might be some clever jQuery mechanism to insert a CAPTCHA into an existing form, if you know of one let me know and I’ll take a look at adding it to the plugin.
thanks a lot for this plugin.
however if there is an option of ‘others’ and it is a required question, the form doesnt get submitted unless the ‘others’ box is filled as well.
i had to remove the option of others from 2 questions.
I have been keeping this problem in the back of my mind as I was pretty sure that if I could solve the multi-page form problem, I could solve the “Others” problem at the same time. Based on my the progress I am making on multi-page forms (see this post), I am pretty sure the Others use case will be addressed as well. I will test it before I release to make sure.
I set up my form with a confirmation page but when I submit a form this is displayed on the page before redirecting to my confirmation page:
Your form
Thank You!
Submit another response | Create your own form
This is expected behavior as what you are seeing is the default Google confirmation form. I may see if I can implement something similar to what I had before where the Google confirmation page was never seen at all but it is harder to do now that I have added support for multi-page forms.
The confirmation page does not show up at all. The form continues to act as if questions were missed, even if not required. I must be doing something wrong. I assumed you meant the confirmation page can be a page on your web site, like mine, http://www.balancedmeridian/confirmation???
Please help, as I like the integration much better than iframe from google docs.
Yes, you can do exactly what you describe. The example I have on my web site shows this confirmation page. If you want to post the URLs I’d be happy to look at it.
From your description it sounds like your form had at least one question that included an “Other” option. These “Other” inputs were not handled correctly which resulted in the behavior you described. This problem is fixed in v0.16. If you didn’t have an “Other” option than it may be something else I need to look into.
I use your plugin on my website and it’s really great piece of work. However I have one problem, my theme uses cufon fonts and the cufon font is also used in form entries. This causes not sending national characters into Google Docs Sheet.
What kind of custom style should I add?
I am not familiar with Cufon fonts – do you have an example and a form I can take a look at?
The problem with international characters is fixed in v0.24.
Thanks a lot, now it’s working
[gform form="FORMURL" br='off' title='off' legal='off']
is yielding:
http://www.trinitynatchez.org/add-to-our-prayer-list/
The issue is that there are lots of being added throughout. Where are these coming from?
Thanks for a great plugin!
There are lots of “BR / ” being added*
The <BR> tags are in the Google Form source. If you look at the page source for the Google form within the Google Docs context you’ll see them there as well. What could be happening is your WordPress Theme’s CSS may be styling the <BR> tag and adding more padding or margin to it which would make the effect even more dramatic than it would normally be. In your case, I think it is the <P> CSS which is causing the bulk of your white space issues.
The majority of your white space is due to the paragraph style in your theme. It is defined like this:
p {margin: 0 0 20px;
}
This causes 20px of white space after every paragraph tag which Google Forms have lots of! To fix this, you need to add something like this to the the WordPress Google Forms custom CSS setting (make sure to enable custom CSS):
div.ss-form-container p {margin: 0px;
}
This will change the margin to 0px for all paragraph tags within the ss-form-container DIV which limits the application to just the Google Form. I recommend FireBug for chasing down these sorts of CSS oddities.
Thanks for the response. The CSS change did take out some of the white space! Thanks!
However, it still looks like the breaks are being added. They aren’t in the original (not the ones I’m talking about at least). Here’s a link to it:
https://docs.google.com/spreadsheet/embeddedform?formkey=dDFDU1VyLVNUMkd3ZFFnSGtTeUoxZXc6MQ
After the plugin there are two breaks after the main label tags. Note the “required” asterisk is on a different line than “Name of person to add:” In the original google form these aren’t there.
I’m gonna download firebug now. Thanks for the tip!
For the curious, it turned out that the Theme being used on this site has a ‘the_content’ filter that was inserting the extra <BR> tags. Instead of modifying the theme, we were able to resolve the extra white space using the following CSS added to wpGForm’s custom CSS setting:
div.ss-form-container br {display:none}