https://www.machform.com/forums/ MachForm Community Forums Topic: Radio buttons problem en Wed, 06 May 2026 08:50:23 +0000 https://www.machform.com/forums/topic/radio-buttons-problem#post-5075 Tue, 17 Mar 2009 11:01:59 +0000 Saghalie 5075@https://www.machform.com/forums/ <p>imagine the Second and Third choice lined up with the first choice. Silly forum... </p> https://www.machform.com/forums/topic/radio-buttons-problem#post-5074 Tue, 17 Mar 2009 11:01:00 +0000 Saghalie 5074@https://www.machform.com/forums/ <p>I've tried this out with 2 radio groups with 3 radio buttons</p> <p>Using:<br /> #li_1 label.description {<br /> float: left !important;<br /> width:20% !important;<br /> }</p> <p>#li_2 label.description {<br /> float: left !important;<br /> width:20% !important;<br /> }</p> <p>I had no issues getting them lined up. With 3 buttons in each group it looked like<br /> this:</p> <p>Multiple Choice 1 () First Choice<br /> () Second Choice<br /> () Third Choice</p> <p>Multiple Choice 2 () First Choice<br /> () Second Choice<br /> () Third Choice</p> <p>This is pretty much the way it looks. Can you link your form so we can see what is happening?</p> <p>Thanks,</p> <p>Saghalie </p> https://www.machform.com/forums/topic/radio-buttons-problem#post-5072 Tue, 17 Mar 2009 02:54:03 +0000 webcommerce 5072@https://www.machform.com/forums/ <p>I'm still having a real problem with this : getting the radio button descriptions closer. Can anyone help please.</p> <p>Ron S </p> https://www.machform.com/forums/topic/radio-buttons-problem#post-5050 Sun, 15 Mar 2009 06:33:39 +0000 webcommerce 5050@https://www.machform.com/forums/ <p>Thanks for your advice.</p> <p>I tried out a different field with the following code:</p> <p>#li_28 label.description{<br /> float:left !important;<br /> width:5% !important;<br /> }</p> <p>#li_28 label.choice{<br /> display:inline;<br /> position:relative;<br /> margin-left; -0.2em;<br /> _top:0.2em;<br /> }</p> <p>#li_28 input.radio{<br /> display:inline;<br /> margin-left: 0.2em;<br /> }</p> <p>Result: the description and input buttons are on the same line. Great!<br /> However, the button descriptions are stll way out to the right and the placement looks terrible. I tried the '-x.xem' going from 2.0 to -2.0 in stages. It only appears to shift the description even further away.</p> <p>I tried changing .choice and .radio separately and together, no joy!</p> <p>I checked out the other reference you quoted but the changes I made in the label.description and textarea.textarea didn't seem to make any difference.</p> <p>At this point I'm only working in the form using View Form to see results. I'm really stumped on this. Cannot see what else to do.</p> <p>Regards,<br /> Ron S </p> https://www.machform.com/forums/topic/radio-buttons-problem#post-5045 Sun, 15 Mar 2009 00:03:59 +0000 redityo 5045@https://www.machform.com/forums/ <p>Hi Ron,</p> <p>Try to adjust "margin-left" properties value smaller, for example :</p> <pre><code>&quot;margin-left; -0.1em;&quot;</code></pre> <p>it should make the description more closer between each options. and to make your options label in the same line, you can add this to your css :</p> <pre><code>#li_18 label.description { float: left !important; width:30% !important; }</code></pre> <p>adjust the width value to get a proper result. If you want to make all label in the same line, try to follow this post :</p> <p><a href="http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin?replies=9" rel="nofollow">http://www.appnitro.com/forums/topic/label-038-input-box-on-same-lin?replies=9</a> </p> https://www.machform.com/forums/topic/radio-buttons-problem#post-5033 Sat, 14 Mar 2009 10:24:31 +0000 webcommerce 5033@https://www.machform.com/forums/ <p>I have used the following code to get the radio buttons in line:</p> <p>#li_18 label.choice{<br /> display:inline;<br /> position:relative;<br /> margin-left; 0.2em;<br /> _top:0.2em;<br /> }</p> <p>#li_18 input.radio{<br /> display:inline;<br /> margin-left: 0.2em;<br /> }</p> <p>That works .... but</p> <p>how do I get each button description closer to the button itself? At present the descriptions appear way to the right of each button.</p> <p>Also, can I get the multiple choice description on the same line as the buttons themselves: so everything is on just one line?</p> <p>Any help appreciated.<br /> Thanks.<br /> Ron S </p>