https://www.machform.com/forums/ MachForm Community Forums Topic: How do I get fields on the same line? en Sun, 03 May 2026 21:50:53 +0000 https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/6#post-24636 Thu, 31 Dec 2015 15:00:40 +0000 Markstein 24636@https://www.machform.com/forums/ <p>Hi AMurray,</p> <p>Just a thought but don't you think there should be something in that doc explaining the class "new_row" as well? This class is important, for example, when you want to have 2 fields next to each other in one row and then below that another 2 fields in a row lined up next to each other as well. </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/6#post-24633 Wed, 30 Dec 2015 10:50:27 +0000 AMurray 24633@https://www.machform.com/forums/ <p>@ketzaldev, the feature you mention already exists in Machform; ensure you're using the latest version of Machform (currenlty 4.6); maybe you're on a version without these features (?) however the columns feature has been around since version 3.x (released three years ago).</p> <p>See the documentation as I posted 3 years ago - <a href="http://www.appnitro.com/doc-field-alignment." rel="nofollow">http://www.appnitro.com/doc-field-alignment.</a> </p> <p>For some field types e.g. radio or check box, under the field property/options you can select 1, 2, 3 columns or "inline" to align such options in columns.</p> <p>If the existing features as menntioned above are not what you're actually after, then please explain what further "columns" features you were expecting, or were wanting to do? </p> <p>When you say "add columns from front end" do you mean from the public side of the website (showing the form that the user fills in) or from the Administrator section of Machform? </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/6#post-24621 Tue, 29 Dec 2015 05:31:52 +0000 ketzaldev 24621@https://www.machform.com/forums/ <p>Hi Yuniar,</p> <p>After 8 years on that issue, could you please let us know what is the roadmap for this? That would be very useful to have this as a new feature, to be able to add columns from front end, not editing CSS each time we'd like to make it?</p> <p>Thanks a lot in advance<br /> BR<br /> Louis </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/6#post-14697 Fri, 11 May 2012 20:09:33 +0000 AMurray 14697@https://www.machform.com/forums/ <p>Lathamkeen - Version 3.2 has the ability to place fields on the same line.....</p> <p><a href="http://www.appnitro.com/doc-field-alignment" rel="nofollow">http://www.appnitro.com/doc-field-alignment</a></p> <p>Pretty much with every field type, plus there's a "matrix" field type, consisting of either check boxes or radio buttons that has a neat way of lining up responses as you might see in a long survey. </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/6#post-14668 Thu, 10 May 2012 20:19:16 +0000 yuniar 14668@https://www.machform.com/forums/ <p>We've released version 3 about two months ago with all those features. Which feature you are looking for? </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/6#post-14653 Wed, 09 May 2012 12:10:58 +0000 Lathamkeen 14653@https://www.machform.com/forums/ <p>I see this was in the 3.0 beta "http://www.appnitro.com/forums/topic/official-version-3-beta-new-features-coming". Is this still coming? </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/6#post-14490 Thu, 26 Apr 2012 18:34:03 +0000 yuniar 14490@https://www.machform.com/forums/ <p>Your code should be like this:</p> <pre><code>#li_1{ float: left; width: 35%; clear: both; } #li_2{ width: 55%; float: left; } #li_3{ clear: both; }</code></pre> <p>if the problem persist, please contact us directly and let us know the URL to your form.<br /> We'll help you. </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/6#post-14464 Mon, 23 Apr 2012 22:21:40 +0000 creavatio2012 14464@https://www.machform.com/forums/ <p>Edited view.css in data/form1/css too but didn't work. </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-14463 Mon, 23 Apr 2012 21:49:54 +0000 creavatio2012 14463@https://www.machform.com/forums/ <p>I'm using MachForm 3.1 and there isn't an edit css possibility in the admin panel. So I thought I should edit main.css? I added these lines at the end of that file:</p> <p>.li_1{ float: left; width: 35%; clear: both; }<br /> .li_2{ width: 55%; float: left; }<br /> .li_3{ clear: both; }</p> <p>But it didn't work. </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-14241 Tue, 03 Apr 2012 23:20:45 +0000 yuniar 14241@https://www.machform.com/forums/ <p>Tim -- can you let me know the URL to your form please? I'll check it.</p> <p>You can send it via email if you don't want to post it here.<br /> Please mail to: customer.service [at] appnitro.com </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-14225 Tue, 03 Apr 2012 02:57:01 +0000 TimHines 14225@https://www.machform.com/forums/ <p>I tried that and it didn't work. </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-14200 Sat, 31 Mar 2012 20:31:12 +0000 yuniar 14200@https://www.machform.com/forums/ <p>TimHines -- do you mean those are the custom css class name you assigned for those 5 fields?</p> <p>If so, you need to remove the '#' and change it to dot, like this:</p> <pre><code>.table_1{ float: left; width: 30% !important; clear: both; } .table_2{ width: 15% !important; float: left; } .table_3{ width: 15% !important; float: left; } .table_4{ width: 20% !important; float: left; } .table_5{ width: 20% !important; float: left; }</code></pre> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-14181 Fri, 30 Mar 2012 05:05:50 +0000 AMurray 14181@https://www.machform.com/forums/ <p>MarcusJ</p> <p><strong>That's easy with Version 3</strong> - you just set the columns option for those field types (check box, radio button) and it will lay them out next to each other.</p> <p>In the form editor, click on the field you want (either checkbox/option buttons). From the field properties, choose the appropriate option under <strong>"Choice Columns"</strong>.</p> <p>You have a choice of 'inline', '1 column', '2 columns', '3 columns'. </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-14174 Fri, 30 Mar 2012 01:19:23 +0000 TimHines 14174@https://www.machform.com/forums/ <p>marcus, if you select "inline" they will line up.</p> <p>I tried using this information with Version 3, but I cannot get it to work. I have given custom css names to the 5 fields that I want lined up in the same row, but nothing changes when I use the following code (table_1 through table_5 are the custom names I gave the 5 fields)</p> <p>#table_1{ float: left; width: 30%; clear: both; } </p> <p>#table_2{ width: 15%; float: left; }</p> <p>#table_3{ width: 15%; float: left; }</p> <p>#table_4{ width: 20%; float: left; }</p> <p>#table_5{ width: 20%; float: left; } </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-13222 Thu, 19 Jan 2012 03:59:36 +0000 MarcusJ 13222@https://www.machform.com/forums/ <p>i Have a question how do you get two checked boxes next to each other instead of one under the other. i have tried diffrent things posted and nothing is seeming to work. </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-12609 Wed, 21 Sep 2011 22:51:57 +0000 smartsales 12609@https://www.machform.com/forums/ <p>Hi,</p> <p>Five years ago this post was made regarding side by side fields on a form:</p> <p>Awesome, thanks for the tip. Perhaps this functionality could be built into the front end of the next version of Machform? Just a suggestion. Thanks!</p> <p>POSTED 3 YEARS AGO #<br /> yuniar<br /> MachForm Founder</p> <p>Great idea. But I'm afraid it won't be in the next few months. There are lot of other major features I'm currently working on to be added in the next version, which I'm sure you will love it! :-)<br /> _______</p> <p>Is this going to be done?</p> <p>Thank you,</p> <p>Richard </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-12303 Wed, 13 Jul 2011 15:42:48 +0000 yuniar 12303@https://www.machform.com/forums/ <p>You can try changing the container width of the name field, edit this code:</p> <pre><code>#li_18{ float: left; width: 55%; clear: both; }</code></pre> <p>try change it to become:</p> <pre><code>#li_18{ float: left; width: 37%; clear: both; }</code></pre> <p>I think that should reduce the large space between those name and relationship field. </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-12299 Wed, 13 Jul 2011 01:54:38 +0000 exyss 12299@https://www.machform.com/forums/ <p>also... as long as i might get an answer... i would like add a label below the "relationship" field just like the labels under the name field (first, last) so it will blend in with the look of the "line". of course i can do this with html, but since this is being generated on the fly... i don't know. i do know how to remove the bold label above the field... :] the instructions worked perfectly for lining up the email and phone number fields (at the bottom of he form). thanks for any responses and help! </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-12298 Wed, 13 Jul 2011 01:38:25 +0000 exyss 12298@https://www.machform.com/forums/ <p>i am trying to add a field next to a "name" field. the name field has two parts, first name and last name as generated by the machform generator. in my case, the name field id is li="18" - the first name id is li="18_1" and the last name id is li="18_2". i am trying to move a field called "relationship" to the same line with the same spacing as between the the first and last name fields. following the directions in the forum, i have the "relationship" field on the same line (using the id - li="18" only) but with way too much space between it and the name fields. none of the fixes in the forum for this problem work as i guess that having the 2 name fields with their corresponding sub id's can't be adjusted the same way regular field can. does anyone have a possible fix?</p> <p>my form is here... <a href="http://bigdogsatellitepocatello.com/machform/view.php?id=1" rel="nofollow">http://bigdogsatellitepocatello.com/machform/view.php?id=1</a> </p> https://www.machform.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-11807 Tue, 12 Apr 2011 21:00:08 +0000 yuniar 11807@https://www.machform.com/forums/ <p>ozalkl -- can you contact us directly and let us know the login to your machform please? I think it would be easier for us to help you directly.</p> <p>Please mail to: customer.service [at] appnitro.com </p>