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.

Custom Form - Ideas?

  1. wjdg
    Member

    Can someone give me some insight as to if this form type can be created? If so, how would you go about it?

    Basically I need a item list with 4 inputs per item.. it does not have to view horizontally if that's and issue.

    http://dl.dropbox.com/u/19745494/form.gif

    Thanks.

    Posted 11 years ago on Friday March 4, 2011 | Permalink
  2. You can't add 1 field that does this, but it's possible to mimic it using multiple fields and float them side by side using CSS.

    It would be easier with Gravity Forms v1.5 which is currently a stable development release on the Downloads page. It has a feature called Ready Classes. You can read about it here:

    http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

    Now Ready Classes only support up to 3 columns, but you could easily create your own custom Ready Class by looking at the CSS those Ready Classes use and creating your own set that can do 4 columns.

    Here is what a form with 3 inputs arranged side by side looks like:

    http://grab.by/9iAW

    So it's possible. You'd have to be created with the field labels and the CSS to arrange them side by side.

    Posted 11 years ago on Friday March 4, 2011 | Permalink
  3. Following up on Carl's idea, I threw together some quick 4 column styles that you can use the same way as the Ready Classes.

    You would implement these using the following class names:

    gf_first_quarter
    gf_second_quarter
    gf_third_quarter
    gf_fourth_quarter

    Please note that I haven't tested these at all so some of the width values may need to be tweaked to work just right. This should get you a start in the right direction though.

    http://pastie.org/pastes/1634541/text

    Posted 11 years ago on Saturday March 5, 2011 | Permalink
  4. wjdg
    Member

    Thanks guys. How can I update my 1.4.5 install to 1.5? While it effect forms I've already created? And Kevin.. the css classes, is there a certain file I need to put those with? Or should I include them with my theme styles?

    Posted 11 years ago on Saturday March 5, 2011 | Permalink
  5. You can download the 1.5 Release Candidate version from the downloads page. You'll have to manually update the plugin by removing the current version, then installing the new one.. either using the built in uploader or via ftp.

    Upgrading won't effect any of your current forms or entries. All of that information is stored int the database so you're safe. You will want to put the custom styles in with your theme styles. That way when the plugin does auto-updates later, none of your customizations get overwritten.

    Posted 11 years ago on Sunday March 6, 2011 | Permalink
  6. wjdg
    Member

    Kevin-

    I upgraded to 1.5, added the css to my custom css them class (I'm using the headway theme engine) and I'm having issues with the fourth float. I'm not sure as to why, but it seems the width is staying default at 47% vs the 95% of your css change. All input boxes are medium size but the forth is short. When I use Chromes code inspector it shows the the div container is floating correctly, but the input box is short and the left margin is off.

    I know you said you did not check the classes, but I can seem to figure out why its not displaying correct considering you have the fourth column defined just like the first three.

    http://dl.dropbox.com/u/19745494/error.png

    Posted 11 years ago on Sunday March 6, 2011 | Permalink
  7. wjdg
    Member

    Kevin-

    I found the size issue, but fail to see the margin issue.

    You left out the medium input class in your file..

    .gform_wrapper .top_label li.gfield.gf_fourth_quarter input.medium,

    Posted 11 years ago on Sunday March 6, 2011 | Permalink
  8. wjdg
    Member

    Styling issues fixed. Modified some of the spacing.

    Now I have a new issue.

    I am removed the labels for the rows that repeat and added an admin label for the backend. When I view the items in the backend, I see the label. If you try to print the entry the label is gone.. same if you get the entry as an email. Thoughts?

    Would it be possible to have a preset added much like the name field but just have blank single inputs? Say a double, triple, quad, etc? The ready items are great visually but as in my case, not ideal. The data entries are going to be difficult to read.

    Posted 11 years ago on Sunday March 6, 2011 | Permalink