https://legacy.forums.gravityhelp.com/topic/field-grouping Gravity Support Forums Topic: Field Grouping en-US Sat, 04 Apr 2026 12:17:35 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/field-grouping#post-23539 Mon, 18 Apr 2011 08:58:18 +0000 jurgen 23539@https://legacy.forums.gravityhelp.com/ <p>AAARRRGGGGG! i am so stupid! i shoull'd have droped you this question way earlier!</p> <p>Anyway, it does exactly what i need!</p> <p>Thanks<br /> and also thanks for your quick response!</p> <p>jurgen </p> https://legacy.forums.gravityhelp.com/topic/field-grouping#post-23533 Mon, 18 Apr 2011 08:08:50 +0000 Kevin Flahaut 23533@https://legacy.forums.gravityhelp.com/ <p>@jurgen</p> <p>There is a CSS Ready Class style that will do what you need without having to add additional styles yourself. Go to each field in the admin, click on it to edit the properties, click on the advanced tab and you'll see the "CSS Class Name" field. Add "gf_inline" as the new class name for each field then save your form.</p> <p>my test screenshot: <a href="http://d.pr/TtUG" rel="nofollow">http://d.pr/TtUG</a></p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a></p> <p>note: this is the newest "ready class" style that I added and I haven't included it with the other documentation just yet. The implementation is the same as on the other classes though. </p> https://legacy.forums.gravityhelp.com/topic/field-grouping#post-23532 Mon, 18 Apr 2011 07:38:09 +0000 jurgen 23532@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin, </p> <p>I was wondering if you can help me out with a similiar issue i have:<br /> url: <a href="http://www.simpleonlinesolutions.biz/en/test-2/" rel="nofollow">http://www.simpleonlinesolutions.biz/en/test-2/</a><br /> i want to have these 3 fields in one row.</p> <p>i created a seperate CSS file "gravityform3column.css", containing:<br /> #field_2_1 {float:left;}<br /> #field_2_2 {width:30%;}<br /> #field_2_3 {width:30%;}</p> <p> this style sheet is imported in my theme's stylesheet using:</p> <p>@import url("http://www.simpleonlinesolutions.biz/wp-content/custcss/gravityform3column.css");</p> <p>somehow it looks to me the style of #flield_2_1 is not applied ?</p> <p>Am i missing something here?</p> <p>Thanks,</p> <p>Jurgen </p> https://legacy.forums.gravityhelp.com/topic/field-grouping#post-7061 Tue, 06 Jul 2010 16:50:26 +0000 Kevin Flahaut 7061@https://legacy.forums.gravityhelp.com/ <p>Sorry, I missed your reply earlier. If you'd like to share a URL to your form page, I'll be happy to take a look at it and see what's happening. </p> https://legacy.forums.gravityhelp.com/topic/field-grouping#post-6949 Fri, 02 Jul 2010 13:09:38 +0000 idealists 6949@https://legacy.forums.gravityhelp.com/ <p>Thanks that works well, except the next field (the one after the 3rd and last inline field) kind of floats to the right on the next line now. </p> https://legacy.forums.gravityhelp.com/topic/field-grouping#post-6933 Fri, 02 Jul 2010 10:34:33 +0000 Kevin Flahaut 6933@https://legacy.forums.gravityhelp.com/ <p>There's no grouping feature yet, but with the addition of freeform HTML blocks in the next release, you could use those to wrap fields in divs, fieldsets, or whatever you like. </p> <p>We've talked about eventually adding a way to create your own reusable field groups, but that's going to be sometime further down the line.</p> <p>In this scenario (3 fields in one line) You would float the first 2 fields left. The third field will naturally float up with them assuming there's enough room. You'll need to set a new width on the fields as well. It would look something like this for 3 fields.</p> <pre><code>#field_2_3, #field_2_4 {float:left;} #field_2_3, #field_2_4, #field_2_5 {width:30%;}</code></pre> <p>After that, you'll probably want to go to your form admin, and set the field size to "large". The field size is a percentage of the parent container, so if you make your container smaller, the fields end up smaller.. resetting the field size usually is enough, but you can always target the specific input and reset the width with some CSS if desired.</p> <p><a href="http://grab.by/grabs/1da20e6550d37eca42ac835ea7fbc671.png" rel="nofollow">settings screenshot</a></p> <p>And here's the result on my test form</p> <p><a href="http://grab.by/grabs/450ed9df39286b90d4fdf75e3974c89b.png" rel="nofollow">form screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/field-grouping#post-6923 Fri, 02 Jul 2010 01:27:41 +0000 idealists 6923@https://legacy.forums.gravityhelp.com/ <p>I'm wanting to group fields together (1 drop down, and 2 text boxes), kind of like the Advanced Fields (Name). I think we can't (yet) create our own advanced fields (correct me if I'm wrong).</p> <p>How could I, with CSS (my CSS is fairly rusty), group 3 fields on the ONE single line, considering the surrounding DIVs and LIs on each field.<br /> I only want to do this with some of the fields, not all.</p> <p>Thanks. </p>