https://www.machform.com/forums/ MachForm Community Forums Topic: Display 'Drop Down' inline next to 'Single Line Text' en Sun, 03 May 2026 20:53:37 +0000 https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-24068 Tue, 15 Sep 2015 15:16:34 +0000 MvdL79 24068@https://www.machform.com/forums/ <p>Well nevermind, my boss purchased WHMCS for testdriving, so I think we will use that for our order forms.<br /> We will still use Machform for sending out welcome emails. </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-24054 Mon, 14 Sep 2015 15:56:45 +0000 MvdL79 24054@https://www.machform.com/forums/ <p>Small update to this issue.</p> <p>The problem is even worse when you use the 3 columns CSS (column_3).</p> <p>For example: 'Drop Down' - 'Single Line Text' - 'Drop Down'<br /> The space between the first two fields is way to big. It doesn't matter if I set any fields to large, medium, small (except for the first field).</p> <p>I sincerly think these (small) issues are caused by normal highlighting (clicking on field) and (probably) error highlighting.</p> <p>To give a visual impression of the problem, I took a screenshot of it.</p> <p>3-column screenshot: <a href="http://neverlands.org/machform/3-column.png" rel="nofollow">http://neverlands.org/machform/3-column.png</a></p> <p>As you can see for yourself the space between the first drop down and single text field is pretty big (too big imho).</p> <p>I don't know if it's possible, but a possible solution could be that items in columns are automatically adjusted or at least some wat to make manual size adjustements?</p> <p>Ofcourse you could set the first drop down to large, however it looks kinda ridiculous for items with only 6 or 7 characters.</p> <p>Also this problems becomes even "worse" when you include Machform within your website (for example through JS), the fields get even more bigger than in the example (when using "view").</p> <p>On a sidenote; I did manage to "fix" the 2-column layout by setting the first field (which is a single line text field) to large. Though for the fact it works, it's still not a perfect way, because you are forced to set this field to large. If you use the field for short textual stuff, it looks kinda weird. Similiar to what I mentioned above and also gets worse when you include it in your current website. </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-24052 Mon, 14 Sep 2015 14:26:20 +0000 MvdL79 24052@https://www.machform.com/forums/ <p>* small bump * </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-24032 Thu, 10 Sep 2015 18:39:37 +0000 MvdL79 24032@https://www.machform.com/forums/ <p>Sorry was on a short vacation, so couldn't reply earlier.</p> <p>First thanks for taking notice of the 2 other posts / requests.</p> <p>Anyways, back to this topic, Isn't there a different way to accomplish this? I understand you can set them to large, however it looks too "oversized" for the use. Isn't there a different (CSS) way to accomplish this?</p> <p>Thank you in advance. </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23943 Sat, 29 Aug 2015 10:05:12 +0000 yuniar 23943@https://www.machform.com/forums/ <p>You can try changing the field size property of your text field to "Large", so that it will use the whole available space.</p> <p>Unfortunately, columns will be discarded when your form being viewed using mobile devices. </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23934 Fri, 28 Aug 2015 14:47:26 +0000 MvdL79 23934@https://www.machform.com/forums/ <p>* small bump (to keep Yuniar's attention * </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23915 Wed, 26 Aug 2015 17:07:39 +0000 MvdL79 23915@https://www.machform.com/forums/ <p>* small bump * </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23907 Tue, 25 Aug 2015 18:21:00 +0000 MvdL79 23907@https://www.machform.com/forums/ <p>Well I restarted using Machform for our new website, but I still experience the same problem.</p> <p>I did a quick mockup in Photoshop of how it's currently is (top) and how I like it to be (bottom)<br /> Here is the mockup: <a href="http://neverlands.org/example_white-space_when-using_columns2.jpg" rel="nofollow">http://neverlands.org/example_white-space_when-using_columns2.jpg</a></p> <p>As you can see, if I use columns, as adviced, it creates to much white-space between the input field and the pulldown.<br /> I want them both closer to each other, better said; the dropdown should be closer to the input field.</p> <p>One sidenote though; since I use the form also for mobile users, it should work for that as well, if possible...</p> <p>Thank you. </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23093 Fri, 10 Apr 2015 23:52:49 +0000 Saghalie 23093@https://www.machform.com/forums/ <p>Can you post the link to the form? I think that we can get a better understanding as to what you want if we can visualize it with a physical example.</p> <p>Thanks!</p> <p>Regards,</p> <p>Saghalie<br /> <a href="http://www.kcmhosting.com" rel="nofollow">http://www.kcmhosting.com</a> </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23059 Fri, 03 Apr 2015 15:04:14 +0000 MvdL79 23059@https://www.machform.com/forums/ <p>* bump * </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23051 Thu, 02 Apr 2015 19:01:48 +0000 MvdL79 23051@https://www.machform.com/forums/ <p>I added the following to the Advanced CSS:</p> <p>#li_3{margin-left:-130px !important;}</p> <p>Though it moves the 'Drop Down' to the left, it doesn't look to good.<br /> Is there any other way to remove the white space?</p> <p>Maybe disable the highlighting (including error) for those 2 fields in general?</p> <p>Probably there is a more simple approach to this.</p> <p>//edit #1</p> <p>It also causes problems on mobile versions of the website. :(<br /> So I need a different approach to this.</p> <p>//edit #2</p> <p>For your information; I want it to look like the name field (first &#38; last name) in regards to spacing. So the 'Drop Down'-field is next to the 'Single Text Field'. </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23050 Thu, 02 Apr 2015 18:27:12 +0000 MvdL79 23050@https://www.machform.com/forums/ <p>Though what you mentioned works, I still have to much white-space between the text-field and drop-down.<br /> Is there a way to decrease the amount of white-space. It's crucial for me that both elements are close to each other.</p> <p>I think the problem of the excessive amount of white-space is created by "highlighted" and "error highlighted".<br /> Anyway to decrease the white-space in between them?</p> <p>Thank you in advance. </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23049 Thu, 02 Apr 2015 16:29:59 +0000 MvdL79 23049@https://www.machform.com/forums/ <p>Thank you! :) </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23048 Thu, 02 Apr 2015 15:49:16 +0000 redityo 23048@https://www.machform.com/forums/ <p>Hi,</p> <p>You can use custom css code to line up some field into same line, see this link for more information :</p> <p><a href="http://www.appnitro.com/doc-field-alignment" rel="nofollow">http://www.appnitro.com/doc-field-alignment</a> </p> https://www.machform.com/forums/topic/display-drop-down-inline-next-to-single-line-text#post-23047 Thu, 02 Apr 2015 15:07:05 +0000 MvdL79 23047@https://www.machform.com/forums/ <p>Hi Support,</p> <p>I did a search for this, however the results are for very old versions of Machform, therefor I am re-asking this for the current version.</p> <p>I have a 'Drop Down' which I want to be displayed next to a 'Single Line Text'-field. I tried adding 'float:left;' in the Advanced CSS, but it didn't work. Before I mess things up completely, I rather ask first in here.</p> <p>Currently it shows like this:<br /> 'Single Line Text'<br /> 'Drop Down'</p> <p>But I want it like this:<br /> 'Single Line Text' 'Drop Down'</p> <p>I checked the HTML for the corresponding ID's, which are below:</p> <p>'Single Line Text' = #li_1<br /> 'Drop Down' = #li_3</p> <p>Thank you in advanced for your explanation for achieving this.</p> <p>Regards,<br /> Michel </p>