PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Grouping 2 form fields on one line

  1. 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

    Posted 9 years ago on Tuesday July 6, 2010 | Permalink
  2. 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.

    Posted 9 years ago on Tuesday July 6, 2010 | Permalink
  3. 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

    Posted 9 years ago on Thursday July 8, 2010 | Permalink
  4. 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.

    Posted 9 years ago on Thursday July 8, 2010 | Permalink
  5. oops! Sorry about that. Here is an example of how the calendar looks

    http://www.naganogo.com/4290-2/

    Cheers,
    Andy

    Posted 9 years ago on Thursday July 8, 2010 | Permalink
  6. 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.

    Posted 9 years ago on Thursday July 8, 2010 | Permalink
  7. 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

    Posted 9 years ago on Sunday July 11, 2010 | Permalink

This topic has been resolved and has been closed to new replies.