https://legacy.forums.gravityhelp.com/topic/conditional-fields-side-by-side Gravity Support Forums Topic: Conditional fields side by side en-US Mon, 20 Apr 2026 02:32:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/conditional-fields-side-by-side#post-36347 Tue, 27 Sep 2011 12:25:30 +0000 Kevin Flahaut 36347@https://legacy.forums.gravityhelp.com/ <p>Sweet. Glad that worked for you. Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/conditional-fields-side-by-side#post-36343 Tue, 27 Sep 2011 12:11:48 +0000 nuimagemedical 36343@https://legacy.forums.gravityhelp.com/ <p>Disregard that, my mistake. I figured it out. Thank you very much! </p> https://legacy.forums.gravityhelp.com/topic/conditional-fields-side-by-side#post-36341 Tue, 27 Sep 2011 12:10:11 +0000 nuimagemedical 36341@https://legacy.forums.gravityhelp.com/ <p>Thank you for your response. I added the class to the field, and it still shows the same. Is there a missing step? I see the the class in the form.css, but for some reason the fields are still showing up vertically (as you can see here: <a href="http://nuimagemedical.com/form-test/)" rel="nofollow">http://nuimagemedical.com/form-test/)</a>.</p> <p>Thank you </p> https://legacy.forums.gravityhelp.com/topic/conditional-fields-side-by-side#post-36268 Mon, 26 Sep 2011 17:57:56 +0000 Kevin Flahaut 36268@https://legacy.forums.gravityhelp.com/ <p>Okay, it's kind of difficult to test when you've reverted the form but I copied your form and if I understand correctly, have quickly replicated the layout I think you're looking for.</p> <p>All you should need to do is add the "gf_list_inline" ready class to your field in the admin and the list items will align horizontally. I styled the list items differently in this example just so you can see them change easily.</p> <p><a href="http://bit.ly/qJ4W0a" rel="nofollow">http://bit.ly/qJ4W0a</a></p> <p>see the "23 days/43 days" section </p> https://legacy.forums.gravityhelp.com/topic/conditional-fields-side-by-side#post-36264 Mon, 26 Sep 2011 16:59:54 +0000 nuimagemedical 36264@https://legacy.forums.gravityhelp.com/ <p>Thank you for your response. I reset the form yo its original style as I wasn't getting far with whatever I had going.</p> <p>Here is an idea of what I am going for (width the fields side by side):<br /> <a href="http://nuimagemedical.com/images/form_mock.jpg" rel="nofollow">http://nuimagemedical.com/images/form_mock.jpg</a></p> <p>Here's the link to the form:<br /> <a href="http://nuimagemedical.com/form-test/" rel="nofollow">http://nuimagemedical.com/form-test/</a> </p> https://legacy.forums.gravityhelp.com/topic/conditional-fields-side-by-side#post-36261 Mon, 26 Sep 2011 16:28:48 +0000 Kevin Flahaut 36261@https://legacy.forums.gravityhelp.com/ <p>If you're using conditional logic to show/hide groups of fields that you've floated using the Ready Classes, you're probably going to run into issues. The classes are intended to be used in conjunction with each other right half/left half, etc. If you hide one of those, the following content could potentially float up into that space where you don't want it to.</p> <p>It's going to be difficult for me to give you much more help without seeing your form. If you're running into an issue like I described above, you might try adding a blank HTML block just below the fields you're showing conditionally to "clear" any floated elements.</p> <p>If you want to share a URL to your form page, I'll be happy to take a look and see if I can offer some suggestions. </p> https://legacy.forums.gravityhelp.com/topic/conditional-fields-side-by-side#post-36243 Mon, 26 Sep 2011 15:41:51 +0000 nuimagemedical 36243@https://legacy.forums.gravityhelp.com/ <p>I am running into some issues here. I currently have a form that I would like to style in the following way:</p> <p>I have two options for my users to select and depending on which one they select a set of conditional fields will show up.</p> <p>I would like to style the conditional fields to show up side by side with different backgrounds and fonts in order to keep it clean and short.</p> <p>I've been experimenting with the css on the fields to no avail. </p> <p>Any suggestions will be greatly appreciated. </p>