MachForm Community Forums Topic: Radio buttons on same line?

MachForm Community Forums Topic: Radio buttons on same line? https://www.machform.com/forums/ MachForm Community Forums Topic: Radio buttons on same line? en Sun, 03 May 2026 20:37:01 +0000 sulapanidhummi on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/3#post-11716 Mon, 28 Mar 2011 22:33:54 +0000 sulapanidhummi 11716@https://www.machform.com/forums/ Thanks YUNIAR!!!, Now I have carried out those changes. yuniar on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11713 Mon, 28 Mar 2011 19:17:47 +0000 yuniar 11713@https://www.machform.com/forums/ sulapani, To set the font in section break to bold, change this code: <pre><code>form .section_break h3 { font-size:120%; background-color:#bfcffe; font-weight:400; line-height:130%; margin:0 0 2px; }</code></pre> to become: <pre><code>form .section_break h3 { font-size:120%; background-color:#bfcffe; font-weight:700; line-height:130%; margin:0 0 2px; }</code></pre> to change the font color, simply add the color property there as well. Regarding the background color, I see that you have it correct already now? sulapanidhummi on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11703 Sun, 27 Mar 2011 12:43:57 +0000 sulapanidhummi 11703@https://www.machform.com/forums/ Hi YUNIAR, Thanks I did it as suggested by you successfully (www.runnynoseremedy.org/evalform.html ). Now, I want to make fonts BOLD, in SECTION BREAK row and fonts in the fields from bold to NORMAL. 1) How to do that. 2)Is it possible to change font color. 3) Is it possible to change back-ground color of SECTION BREAK row to a desired color. Kindly guide me, thanks in advance!!! yuniar on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11698 Sat, 26 Mar 2011 19:24:31 +0000 yuniar 11698@https://www.machform.com/forums/ sulapani -- I see that you have few modules within your form. I suggest to use "Section Break" field to put the module header. It looks nicer and should split your form much better than using the label. Also, if you need to make your form shorter, you can align some of those fields into one line. Check this post for more instruction on this: <a href="http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line?replies=85" rel="nofollow">http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line?replies=85</a> sulapanidhummi on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11676 Fri, 25 Mar 2011 10:07:45 +0000 sulapanidhummi 11676@https://www.machform.com/forums/ I am new to this forum. I have prepared a form using MachForm. I have placed radio buttons and check boxes in row format by following the advice by Mr.YUNIAR. The output is available at the URL: <a href="http://www.runnynoseremedy.org/evalform.html" rel="nofollow">www.runnynoseremedy.org/evalform.html</a> I request FORUM members /MachForm support team to see the form and suggest, if any further improvement is required ( thru email to: info[a]runnynoseremedy.org ) I hereby, invite all the members to visit my website: <a href="http://www.runnynoseremedy.org" rel="nofollow">www.runnynoseremedy.org</a> which is all about World’s first genuine remedy for allergic runny nose at zero-cost. Sulapani V Dhummi yuniar on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11583 Thu, 10 Mar 2011 19:15:39 +0000 yuniar 11583@https://www.machform.com/forums/ seasonseg -- you can use the table code modification as posted here: <a href="http://www.appnitro.com/forums/topic/radio-buttons-on-same-line?replies=35#post-3502" rel="nofollow">http://www.appnitro.com/forums/topic/radio-buttons-on-same-line?replies=35#post-3502</a> If you are having difficulty, please contact us directly and send us your view-functions.php file. We'll help you with the code. seasonseg on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11576 Wed, 09 Mar 2011 16:46:26 +0000 seasonseg 11576@https://www.machform.com/forums/ I still haven't received a reply to my question above. Please help me when someone is available. Thank you very much :) djones on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11427 Tue, 15 Feb 2011 23:34:39 +0000 djones 11427@https://www.machform.com/forums/ I would like to use this radio buttons on the same line to provide Scale & Grid form elements. Just one line of 1,2,3,4,5 and then a number of radio buttons under each column. seasonseg on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11390 Thu, 10 Feb 2011 05:59:16 +0000 seasonseg 11390@https://www.machform.com/forums/ I tried the code you posted above but had to take it off because it simply tried to fit as many check boxes per line rather then having an orderly row of check boxes with 2 per line only. Please let me know if you know of any other ways? yuniar on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11307 Fri, 28 Jan 2011 19:59:16 +0000 yuniar 11307@https://www.machform.com/forums/ Have you tried the code I posted above? seasonseg on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11297 Thu, 27 Jan 2011 05:52:03 +0000 seasonseg 11297@https://www.machform.com/forums/ Thank you for the update! I am still have one problem. I'm trying to get the check boxes to have 2 or 3 vehicles listed per line in a set form so they aren't all over the place. Is there a way to make it sort of like a table so it'll display 2 - 3 vehicles per row but lined up one under another with the check boxes centered to the left so all the boxes are in a row? yuniar on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11196 Thu, 13 Jan 2011 19:32:21 +0000 yuniar 11196@https://www.machform.com/forums/ Try to edit your CSS and add this block of code: <pre><code>#li_24 label.choice, #li_25 label.choice, #li_29 label.choice, #li_28 label.choice, #li_27 label.choice, #li_26 label.choice { display:inline; position:relative; margin-left: 0.2em; _top:0.2em; } #li_24 input.checkbox, #li_25 input.checkbox, #li_29 input.checkbox, #li_28 input.checkbox, #li_27 input.checkbox, #li_26 input.checkbox { display: inline; margin-left: 0.5em; }</code></pre> To get the Terms & Conditions become a link, simply use the HTML tag to create the link. It should be something like this: <pre><code>I Agree and Accept" all <a href="http://www.seasonseventgroup.com/tac.php">Terms & Conditions</a></code></pre> seasonseg on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-11191 Wed, 12 Jan 2011 13:43:27 +0000 seasonseg 11191@https://www.machform.com/forums/ I'm having trouble getting the check boxes to appear on the same line for the limousine / party bus services quote for I have on my site. I'm trying to get 2 vehicle names to appear per line so it can cut that portion of the form in half. Please view <a href="http://seasonseventgroup.com/vehicle.php?vid=1" rel="nofollow">http://seasonseventgroup.com/vehicle.php?vid=1</a> and let me know what I'm doing wrong or how to get them side by side. Also does anyone know how to get links to appear in the text on certina portions of a text field as I've been trying to do this as well for the Terms & Conditions section at the bottom of the form to show my terms and conditions page when clicked. I look forward to anyones advise as it is much apreciated. abcrobots on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-9481 Mon, 17 May 2010 19:15:31 +0000 abcrobots 9481@https://www.machform.com/forums/ I was originally confused because I thought that the #li number would be the number of the field in the admin backend. I did a quick "view source" and found the code related to the element in question, and updated my form to match the real ID# and now everything works. Hope this helps everyone! yuniar on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-9365 Sat, 01 May 2010 16:27:44 +0000 yuniar 9365@https://www.machform.com/forums/ mfsbiz, first of all, I think you need to set the width of your form to be wider. change your css code: <pre><code>.order_form { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; width: 660px; }</code></pre> adjust the width to be something like 860px or so. Then remove the <code> </code> tag in front of your image tag. Then add align="absmiddle" attribute to each of your images. That should align all of them within one line. msfbiz on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-9345 Fri, 30 Apr 2010 02:35:43 +0000 msfbiz 9345@https://www.machform.com/forums/ I have tried the different CSS modification solution to get my radio buttons to align properly, but with no success. Only part of the second radio button is on the same line as the first one. The label and image are pushed underneath. You can see the form here: <a href="http://www.stopsmokingfrance.com/commande.php" rel="nofollow">http://www.stopsmokingfrance.com/commande.php</a> Any help would be appreciated. yuniar on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-9170 Fri, 09 Apr 2010 17:24:43 +0000 yuniar 9170@https://www.machform.com/forums/ hylevy19 -- thank you for sharing the tips. I've fixed your code formatting. hylevy19 on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-9163 Fri, 09 Apr 2010 07:29:11 +0000 hylevy19 9163@https://www.machform.com/forums/ GETTING RADIO BUTTONS TO PRINT ALL ON ONE LINE I pity those who beat their head against a wall like I did and tried everything. I did solve it. Was too simple. Situation was I had 200 questions with radio buttons for yes, no, maybe answers. I wanted them alongside each other on same line as the question. FF worked fine then tried IE (Moz 4.0) and Safari. Was disgusting. Here's the final code I used (also note I was generating dynamic html using php so if someone says it won't work, it's not true.) The key was using the horrid <pre><code><pre> and </pre></code></pre> tags. I know with CSS this may be looked on in disfavor, but in this case it was the simplest solution. 2 lines of code. This generates 200 lines of questions from a table. Maybe later I will upgrade it to a MySQL application but the questions never change. Also notice use of the <<< notation so I can specify my own delimiter so I don't have to use those nasty backslashes to escape everything to the point where you can't read it. <pre><code>foreach($Q_text as $item => $text) { $trim_text = trim($text); echo <<<delim <tr> <pre> <td class="left"> <input type="radio" class="radio" name="answer[$item]" value="+" /> <label class="left">+</label> <input type="radio" class="radio" name="answer[$item]" value="M" /> <label class="left">M</label> <input type="radio" class="" name="answer[$item]" value="-" /> <label class="left">-</label> </td> <td width="750" class="question" valign="top" > <label>$trim_text</label> </td> </pre> </tr> delim; }</code></pre> This is sort of what it looks like (except I couldn't copy the buttons, only the labels of + (yes), M (maybe) and - (no), + M - 1) Do you make thoughtless remarks or accusations which later you regret? Hope this helps you. redityo on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-8532 Thu, 28 Jan 2010 09:51:58 +0000 redityo 8532@https://www.machform.com/forums/ I see.. I found HTML "BR" tag on each choices label in there and that's why you can't get the radio button on the same line. Try to edit your form and select that "choice" field, you should see "BR" tag on choice label like this <pre><code>Finalist 2 </code></pre> Then remove "BR" tag from there davidvictory on "Radio buttons on same line?" https://www.machform.com/forums/topic/radio-buttons-on-same-line/page/2#post-8524 Wed, 27 Jan 2010 22:39:19 +0000 davidvictory 8524@https://www.machform.com/forums/ I have that code in the css..http://login.comfortkeepers.com/machform/data/form_5/css/view.css still no luck..