I would like to make my form take up a bit less space on the page by grouping fields on the same line - eg. name and email on line one, two dates on line two, etc.
I have searched the forums and read the css guide, but dont really know where to start. I know basic css. Do I need to add that styling to forms.css? Would it be possible for you to provide a basic example of this?
Cheers in advance,
Andy
You would have to add styling to your THEME stylesheet. *NEVER* edit the forms.css found in the plugin. In fact, never edit any of the plugin files themselves because they then get overwritten when we release an update.
It does take custom CSS to accomplish and there are a bunch of threads on here discussing it such as:
http://forum.gravityhelp.com/topic/data-fields-in-same-row#post-878
http://forum.gravityhelp.com/topic/field-grouping#post-6933
If the CSS is too complex you may want to consider hiring someone that knows how to do this to assist you. There are consultants we can refer you to if you need someone to do this type of customization for you.
Thanks for your help Carl.
I got it to look pretty much how I wanted to, but the calendar isnt displaying properly for me. Is this a bug or am I doing something wrong?
Cheers,
Andy
Andy, if you want to post a URL or send it to kevin @ rocketgenius .com I'll be happy to take a look at it for you. It's hard to know what's going on without seeing it.
oops! Sorry about that. Here is an example of how the calendar looks
http://www.naganogo.com/4290-2/
Cheers,
Andy
Andy, in your example, it looks like you're not loading the default form styles, that's why the calendar is all wonky.
Are you using the shortcode to add the form into a post, or using the function call to embed it into the page template?
If you're using the shortcode, make sure you have the "output css" option in the form settings set to yes. If you've disabled that on purpose, you can go the forms.css in the plugin folder and copy the block for the calendar styles and add those to your theme style sheet.
If you are using the function call, you need to manually enqueue the scripts/css by adding short code snippet to your functions.php file. You can find that at the bottom of the page here.
http://www.gravityhelp.com/documentation/embedding-a-form/
Let us know how it goes.
Thanks, got it working just how I wanted it. I think the plugin is great, and the fancybox tutorial was awesome too.
Some feedback on improving the plugin would be to make floating form fields a bit easier (ie. be able to do it in the wordpress back end without needing to customise the css).
Once again thanks for all your help
cheers
Andy
