Appnitro Software Forums Topic: How do I get fields on the same line?

Appnitro Software Forums Topic: How do I get fields on the same line? http://www.appnitro.com/forums/ Appnitro Software Forums Topic: How do I get fields on the same line? en Tue, 07 Feb 2012 09:25:00 +0000 MarcusJ on "How do I get fields on the same line?" http://www.appnitro.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@http://www.appnitro.com/forums/ 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. smartsales on "How do I get fields on the same line?" http://www.appnitro.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@http://www.appnitro.com/forums/ Hi, Five years ago this post was made regarding side by side fields on a form: 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! POSTED 3 YEARS AGO # yuniar MachForm Founder 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! :-) _______ Is this going to be done? Thank you, Richard yuniar on "How do I get fields on the same line?" http://www.appnitro.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@http://www.appnitro.com/forums/ You can try changing the container width of the name field, edit this code: <pre><code>#li_18{ float: left; width: 55%; clear: both; }</code></pre> try change it to become: <pre><code>#li_18{ float: left; width: 37%; clear: both; }</code></pre> I think that should reduce the large space between those name and relationship field. exyss on "How do I get fields on the same line?" http://www.appnitro.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@http://www.appnitro.com/forums/ 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! exyss on "How do I get fields on the same line?" http://www.appnitro.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@http://www.appnitro.com/forums/ 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? 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> yuniar on "How do I get fields on the same line?" http://www.appnitro.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@http://www.appnitro.com/forums/ 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. Please mail to: customer.service [at] appnitro.com ozalkl on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-11794 Tue, 12 Apr 2011 01:04:06 +0000 ozalkl 11794@http://www.appnitro.com/forums/ I need help with arranging the text fields as described in this post, i followed the instructions but now its all showing not in a order, also if there is error highlight only one of the fields work the other one don't. here is my current form: <a href="http://www.amazingagents.ca/formadmin/view.php?id=2" rel="nofollow">http://www.amazingagents.ca/formadmin/view.php?id=2</a> I am working on a deadline and i need my form to look like this: <a href="http://webdesignlabs.ca/sample_form.jpg" rel="nofollow">http://webdesignlabs.ca/sample_form.jpg</a> also would like to know how do I change the submit button to an image as a button jamesmccarthy on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-11783 Sat, 09 Apr 2011 07:34:01 +0000 jamesmccarthy 11783@http://www.appnitro.com/forums/ Never mind. I finally got it. Jim jamesmccarthy on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-11781 Sat, 09 Apr 2011 04:04:11 +0000 jamesmccarthy 11781@http://www.appnitro.com/forums/ I have tried the css code, but I myust be doing something wrong. My web site is <a href="http://www.tucsonsquaredancefestival.com/machform/manage_form.php" rel="nofollow">http://www.tucsonsquaredancefestival.com/machform/manage_form.php</a> If you could look at Test2 and advise it would help. Jim yuniar on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-8953 Thu, 18 Mar 2010 12:47:57 +0000 yuniar 8953@http://www.appnitro.com/forums/ chickgeek, yes, you might want to check this post: <a href="http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin?replies=13" rel="nofollow">http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin?replies=13</a> chickgeek on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-8950 Thu, 18 Mar 2010 02:32:43 +0000 chickgeek 8950@http://www.appnitro.com/forums/ Hi there, Is there anyway to get the form field, next to the text, instead of below it? <a href="http://www.communitybank-secure.com/Estatements/secure_form/view.php?id=1" rel="nofollow">http://www.communitybank-secure.com/Estatements/secure_form/view.php?id=1</a> Kind of working on a deadline and having some trouble on this one. Thanks in advance:) brucewilliams on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-8598 Thu, 04 Feb 2010 05:52:23 +0000 brucewilliams 8598@http://www.appnitro.com/forums/ I think I finally figured it out - I just needed crash course in CSS :-) brucewilliams on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-8596 Thu, 04 Feb 2010 02:16:47 +0000 brucewilliams 8596@http://www.appnitro.com/forums/ I have tried to follow these suggestions - finally, i got some fields to populate the same line. However, now those fields don't accept text. Please help - see: <a href="http://72.18.242.97/mform/view.php?id=2" rel="nofollow">http://72.18.242.97/mform/view.php?id=2</a> yuniar on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/5#post-8424 Mon, 18 Jan 2010 17:11:49 +0000 yuniar 8424@http://www.appnitro.com/forums/ Section break should be working as well. However, you need to find this code: <pre><code>#main_body form li.section_break { border-top:1px dotted #ccc; margin-top:9px; padding-bottom:0; padding-left:9px; padding-top:13px; width:97% !important; }</code></pre> remove the "!important" from the width property. Chris on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/4#post-8411 Sat, 16 Jan 2010 05:01:55 +0000 Chris 8411@http://www.appnitro.com/forums/ I was wondering if it is possible to do this process with Section Breaks. I have been able to pair up multiple fields, but one I try this with section breaks I can't get any to Float to the left. Any help is appreciated zforray on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/4#post-8377 Wed, 13 Jan 2010 00:29:24 +0000 zforray 8377@http://www.appnitro.com/forums/ I figured it out. In my case, the elements were not sequential. I thought the form editing process would always show the proper sequence (li) number, but it did not. The two phone number fields were li_5 and li_6 but the next form, being the radiobuttons, was li_9, which I discovered after reading through the generated code in the iframe. I would have thought the form editing process would show the proper sequence number. It would have been much easier to add the code to the CSS file. redityo on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/4#post-8362 Mon, 11 Jan 2010 10:57:23 +0000 redityo 8362@http://www.appnitro.com/forums/ is it possible to post your form url in here ? so I can see it directly zforray on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/4#post-8348 Sat, 09 Jan 2010 03:59:27 +0000 zforray 8348@http://www.appnitro.com/forums/ I understand the concept and just tried this, exactly as show on the first page of this thread: <pre><code>#li_2{ float: left; width: 35%; clear: both; } #li_3{ width: 55%; float: left; } #li_4{ clear: both; }</code></pre> On my form, li_2 is a "Primary phone" and li_3 is "Alternate phone". li_4 is a radiobutton with 2-choices (YES and NO - would be nice to get a default button with these 2-choices). The end result was that while both phone numbers appear on 1-line, the area li_2 was originally using was overlapped by li_4/radiobutton field, making the 2-phone number fields inaccessible. When you clicked on the radiobutton field, the underlying yellow area overlays the 2-phone number fields. RBrown on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/4#post-8162 Thu, 10 Dec 2009 23:22:56 +0000 RBrown 8162@http://www.appnitro.com/forums/ nm....... :) RBrown on "How do I get fields on the same line?" http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line/page/4#post-8161 Thu, 10 Dec 2009 22:00:31 +0000 RBrown 8161@http://www.appnitro.com/forums/ Ok, I added the code as shown on the first page and only one line went into double column... Every other column is still the same as before. <a href="http://www.crossroadscommunications.org" rel="nofollow">http://www.crossroadscommunications.org</a> //Notice Start Time and End Time are the only two that doubled up, Even above it, simlar dates are still stacked? HELP! :)