https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields Gravity Support Forums Topic: Two colmun form wih several different fields en-US Mon, 20 Apr 2026 01:25:02 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields#post-10133 Mon, 20 Sep 2010 17:23:46 +0000 Kevin Flahaut 10133@https://legacy.forums.gravityhelp.com/ <p>If you get creative with the inline HTML fields, you can split the form into 2 columns pretty easily without having to float individual fields, etc. Check out this previous thread for an example.</p> <p><a href="http://forum.gravityhelp.com/topic/css-for-2-columns-5-fields-in-first-column-2-fields-in-second-column" rel="nofollow">http://forum.gravityhelp.com/topic/css-for-2-columns-5-fields-in-first-column-2-fields-in-second-column</a> </p> https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields#post-10093 Mon, 20 Sep 2010 07:10:43 +0000 stl99 10093@https://legacy.forums.gravityhelp.com/ <p>Thanks again, I will give it a shot...</p> <p>I really hope that there is a feature coming that enables 2 or more columns more simply (maybe to begin with via a special css class that divides the columns automatically?). </p> <p>I saw this request on a lot of posts concerning form plugins!</p> <p>Thomas </p> https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields#post-9601 Thu, 09 Sep 2010 08:37:03 +0000 Kevin Flahaut 9601@https://legacy.forums.gravityhelp.com/ <p>I don't see the difference you mentioned in the second column, but when floating multiple items like these, if the heights of the elements are inconsistent, you will often end up with elements "hanging" on each other or not stacking correctly. You can set a height value on all of the elements to prevent this. </p> https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields#post-9598 Thu, 09 Sep 2010 05:24:05 +0000 stl99 9598@https://legacy.forums.gravityhelp.com/ <p>Thanks, I posted this at headwaythemes.com...</p> <p>An additional question: The second column isn't exactly at the same level as the first on IE and Chrome. Any idea why?</p> <p>Cheers<br /> Thomas </p> https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields#post-9452 Mon, 06 Sep 2010 08:51:11 +0000 Kevin Flahaut 9452@https://legacy.forums.gravityhelp.com/ <p>Line 326 of the headway.css file sets a "clear:both" rule for inputs, textareas and labels. It looks like thats probably causing the problem.</p> <p><a href="http://www.hkcmanagement.de/wp-content/themes//headway-166/media/cache/headway.css?1283773103" rel="nofollow">http://www.hkcmanagement.de/wp-content/themes//headway-166/media/cache/headway.css?1283773103</a> </p> https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields#post-9449 Mon, 06 Sep 2010 07:56:05 +0000 stl99 9449@https://legacy.forums.gravityhelp.com/ <p>I recently discovered yet another problem:</p> <p>The gchoice checkbox, label and required sign above the send button don’t display inline. I already played a bit with some margins &amp; float but the result wasn't cross browser compatible....</p> <p><a href="http://www.hkcmanagement.de/testformular" rel="nofollow">http://www.hkcmanagement.de/testformular</a></p> <p>Any ideas?</p> <p>Cheers<br /> Thomas </p> https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields#post-9322 Fri, 03 Sep 2010 07:04:39 +0000 stl99 9322@https://legacy.forums.gravityhelp.com/ <p>Hello Kevin,</p> <p>Thanks for your feedback!</p> <p>Regards</p> <p>Thomas </p> https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields#post-9304 Thu, 02 Sep 2010 17:15:59 +0000 Kevin Flahaut 9304@https://legacy.forums.gravityhelp.com/ <p>Looks pretty solid. I did notice float was spelled incorrectly here.. might cause you an issue.</p> <p><code>body.custom div#leaf-135 .einverständnis label {margin-top: 10px;foat:left;width: 450px;}</code> </p> https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields#post-9303 Thu, 02 Sep 2010 16:45:41 +0000 stl99 9303@https://legacy.forums.gravityhelp.com/ <p>Hello David,</p> <p>Thanks for the answer!</p> <p>I worked something out and so far the form looks quite good ("body.custom div#leaf-135" is a special snippet of a custom css file inside the Headway Theme):</p> <pre><code>body.custom div#leaf-135 .label {line-height: 25px; margin-top:10px;} body.custom div#leaf-135 .medium {width:270px;} body.custom div#leaf-135 .dropdownkontakt {float:left;} body.custom div#leaf-135 .dropdowninteresse {margin-top: 10px;float:left;} body.custom div#leaf-135 .nachricht {margin-left:300px; margin-top:-80px;float:left;} body.custom div#leaf-135 .nachricht label {width:270px;} body.custom div#leaf-135 .textarea {width:280px; height:75px;} body.custom div#leaf-135 .dropdownanrede {margin-top:20px;float:left;} body.custom div#leaf-135 .name {margin-top: 10px;float:left;} body.custom div#leaf-135 .vorname {margin-left: 300px; margin-top: -86px;float:left;} body.custom div#leaf-135 .firma {float:left;} body.custom div#leaf-135 .strasse {margin-top: 45px;float:left;} body.custom div#leaf-135 .plzort {margin-left: 300px; margin-top:-43px; float: left;float:left;} body.custom div#leaf-135 .telefon {float:left;} body.custom div#leaf-135 .email{margin-left: 300px; margin-top:-43px;float:left;} body.custom div#leaf-135 .kontaktieren {float: left} body.custom div#leaf-135 .kontaktieren label {display:inline;} body.custom div#leaf-135 .gchoice_12_1 {margin-top:10px;margin-left: 10px;float: left} body.custom div#leaf-135 .gchoice_12_1 label {margin-left:5px;} body.custom div#leaf-135 .gchoice_12_2 {margin-top:10px;margin-left: 10px;float: left} body.custom div#leaf-135 .gchoice_12_2 label {margin-left:5px;} body.custom div#leaf-135 .gchoice_12_3 {margin-top:10px;margin-left: 10px;float: left} body.custom div#leaf-135 .gchoice_12_3 label {margin-left:5px;} body.custom div#leaf-135 .erreichbar {margin-left: 300px; margin-top: -40px; float:left;} body.custom div#leaf-135 .erreichbar label {width: 350px;} body.custom div#leaf-135 .gfield_html {margin-top:25px;width:550px;float:left;} body.custom div#leaf-135 .gfield_html a {font-weight:bold; color:#333333;} body.custom div#leaf-135 .gfield_html a:hover {text-decoration:underline;} body.custom div#leaf-135 .einverständnis {margin-top:10px;float:left;width: 450px;} body.custom div#leaf-135 .einverständnis label {margin-top: 10px;foat:left;width: 450px;} body.custom div#leaf-135 .gchoice_14_1 {margin-top: 10px;} body.custom div#leaf-135 .gchoice_14_1 label {margin-top: -23px; margin-left:19px ;} body.custom div#leaf-135 .pflichtfelder {margin-top:20px;float:left; width:550px;} body.custom div#leaf-135 .button {margin-top:15px; background:#ffffff;float:left;}</code></pre> <p>Maybe its not the most elegant css but it seems to work... Any concerns (cross browser, ..)?</p> <p>Cheers,</p> <p>Thomas </p> https://legacy.forums.gravityhelp.com/topic/two-colmun-form-wih-several-different-fields#post-9221 Wed, 01 Sep 2010 08:12:29 +0000 David Smith 9221@https://legacy.forums.gravityhelp.com/ <p>It's definitely possible, but it would take some time and polish. I would use the other posts you found for two column forms to get you started and if you come across any specific styling issues, feel free to ask. </p>