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.
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:
So it's possible. You'd have to be created with the field labels and the CSS to arrange them side by side.
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.
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.
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.
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.
