Appnitro Software Forums Topic: Radio buttons on same line?

Appnitro Software Forums Topic: Radio buttons on same line? http://www.appnitro.com/forums/ Appnitro Software Forums Topic: Radio buttons on same line? en Wed, 07 Jan 2009 00:05:34 +0000 LaMaison on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-4107 Wed, 31 Dec 2008 05:44:21 +0000 LaMaison 4107@http://www.appnitro.com/forums/ redityo, Great mod. Thanks yuniar on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-4049 Fri, 19 Dec 2008 15:22:31 +0000 yuniar 4049@http://www.appnitro.com/forums/ Have you tried the above CSS code? That should do it. miamiman on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-4046 Fri, 19 Dec 2008 05:41:57 +0000 miamiman 4046@http://www.appnitro.com/forums/ Sorry guys, but how do you easily set up a horizontal radio button series? Do you...? Yes / No / Maybe Thanks, yuniar on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-3912 Sat, 06 Dec 2008 13:50:54 +0000 yuniar 3912@http://www.appnitro.com/forums/ Paste me your form URL or shoot an email to customer.service [at] appnitro.com I'll check your form. teamwebb2008 on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-3905 Sat, 06 Dec 2008 01:12:53 +0000 teamwebb2008 3905@http://www.appnitro.com/forums/ Darn, looks like I'm going to have to manually align my check boxes, neither of the above worked for me. redityo on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-3502 Sat, 01 Nov 2008 10:01:02 +0000 redityo 3502@http://www.appnitro.com/forums/ Hello Mike, Actually it must use the table :) to do so. You should modify some code on "includes/view-functions.php" files. There are 2 main function should change, try to follow there steps : 1. check box modification Replace code between line 558 ~ 580, with this : <pre><code>$option_markup = ''; $option_markup .= '<table width="580px" border="0" cellpadding="0">'; $cell_col = 1; foreach ($element->options as $option){ if(!$is_populated){ if($option->is_default){ $checked = 'checked="checked"'; }else{ $checked = ''; } }else{ if(!empty($element->populated_value['element_'.$element->id.'_' .$option->id]['default_value'])){ $checked = 'checked="checked"'; }else{ $checked = ''; } } $option_input = "<input id=\"element_{$element->id}_{$option->id}\" name=\"element_{$element->id}_{$option->id}\" class=\"element checkbox\" type=\"checkbox\" value=\"1\" {$checked} />"; $option_label = "<label class=\"choice\" for=\"element_{$element->id}_{$option->id}\"> {$option->option}</label>"; if ($cell_col == 1) { $option_markup .= '<tr>'; } $option_markup .= '<td width="35%">' . $option_input . ' ' . $option_label . '</td>'; if ($cell_col == 3) { $option_markup .= '</tr>'; $cell_col = 0; } $cell_col++; } $option_markup .= '</table>';</code></pre> 2. radio option modification Replace code between line 485~ 511 (before modification), with this : <pre><code>$option_markup .= '<table width="580px" border="0">'; $cell_col = 1; foreach ($element->options as $option){ if($option->is_default){ $checked = 'checked="checked"'; }else{ $checked = ''; } //check for populated values if(!empty($element->populated_value['element_'.$element->id]['default_value'])){ $checked = ''; if($element->populated_value['element_'.$element->id]['default_value'] == $option->id){ $checked = 'checked="checked"'; } } $option_input = "<input id=\"element_{$element->id}_{$option->id}\" name=\"element_{$element->id}\" class=\"element radio\" type=\"radio\" value=\"{$option->id}\" {$checked} />"; $option_label = "<label class=\"choice\" for=\"element_{$element->id}_{$option->id}\"> {$option->option}</label>"; if ($cell_col == 1) { $option_markup .= '<tr>'; } $option_markup .= '<td width="35%">' . $option_input . ' ' . $option_label . '</td>'; if ($cell_col == 3) { $option_markup .= '</tr>'; $cell_col = 0; } $cell_col++; } $option_markup .= "</table>";</code></pre> mmaywood on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-3496 Fri, 31 Oct 2008 17:52:22 +0000 mmaywood 3496@http://www.appnitro.com/forums/ Hello everyone, is there anyway with checkboxes or radio buttons to block them in like a table, so the options align, my issue is that I want only three options per line, while the relative option is great it does not align well, there are around twenty check boxes in my list.. so it starts to look a real jumble. Thanks Mike katya on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-3136 Sat, 27 Sep 2008 15:27:03 +0000 katya 3136@http://www.appnitro.com/forums/ Very much appreciated! thank you. worked just right. redityo on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-3135 Sat, 27 Sep 2008 08:00:30 +0000 redityo 3135@http://www.appnitro.com/forums/ try to search "#main_body input.checkbox" and replace with these code <pre><code>#main_body input.checkbox { display:inline; _top:0.5em; /*height:13px;*/ /*line-height:1.4em;*/ /*margin:6px 0 0 3px;*/ /*width:13px;*/ }</code></pre> katya on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-3131 Fri, 26 Sep 2008 20:46:18 +0000 katya 3131@http://www.appnitro.com/forums/ Thanks! that seem to do the job. How about the checkboxes <a href="http://holtmusic.com.au/contact/view.php?id=3" rel="nofollow">http://holtmusic.com.au/contact/view.php?id=3</a> would you mind telling me how I can put the checkbox next to the name: Bubble Machine Smoke Machine Lasers Dry Ice Effect redityo on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-3127 Fri, 26 Sep 2008 18:33:43 +0000 redityo 3127@http://www.appnitro.com/forums/ Hi katya, I have seen your form it seems your element id = 1 type isn't radio button, but I curious do you want to change all radio button or only some of them ? if you want to change some radio button you can change by these code, where 7 is your radio button element id : <pre><code>#li_7 label.choice { display:inline ; position:relative ; margin-left: 0.2em ; _top:0.2em; } #li_7 input.radio { display: inline ; margin-left: 0.5em; }</code></pre> but it's more easier if you line up all radio button, just find "#main_body input.radio" and "#main_body label.choice" section in your CSS form and replace with these code <pre><code>#main_body input.radio { display:inline; _top:0.2em; /*height:13px;*/ /*line-height:1.4em;*/ /*margin:6px 0 0 3px;*/ /*width:13px;*/ } #main_body label.choice { color:#444; display:inline; font-size:100%; line-height:1.4em; /*margin:-1.55em 0 0 25px;*/ padding:4px 0 5px; width:90%; position:relative; margin-left: 0.2em; _top:0.2em; }</code></pre> katya on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-3125 Fri, 26 Sep 2008 16:06:21 +0000 katya 3125@http://www.appnitro.com/forums/ I have my form at <a href="http://holtmusic.com.au/contact/view.php?id=3" rel="nofollow">http://holtmusic.com.au/contact/view.php?id=3</a> I added your coding suggestion for side by side radio buttons to my css. #li_1 label.choice { display:inline; position:relative; margin-left: 0.2em; _top:0.2em; } #li_1 input.radio { display: inline; margin-left: 0.5em; } but not sure why it didnt work. Could you take a peek please? yuniar on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-329 Tue, 20 Nov 2007 07:02:19 +0000 yuniar 329@http://www.appnitro.com/forums/ Hi Eric, For radio buttons/checkboxes, we need a different method. Take a look at this sample <a href="http://www.appnitro.com/forms/view.php?id=7" rel="nofollow">http://www.appnitro.com/forms/view.php?id=7</a> You can see the custom CSS at the bottom of this file: <a href="http://www.appnitro.com/forms/data/form_7/css/view.css" rel="nofollow">http://www.appnitro.com/forms/data/form_7/css/view.css</a> So basically what we need to do is to set the display property of those labels, checkboxes and radio button to inline. On the sample form above, if you look at the HTML code, Multiple Choice is surrounded by a li with id li_1, the CSS for this element: <pre><code>#li_1 label.choice { display:inline; position:relative; margin-left: 0.2em; _top:0.2em; } #li_1 input.radio { display: inline; margin-left: 0.5em; }</code></pre> While the Checkboxes fields are surrounded by a li with id li_2, the CSS is: <pre><code>#li_2 label.choice { display:inline; position:relative; margin-left: 0.2em; _top:0.2em; } #li_2 input.checkbox{ display: inline; margin-left: 0.5em; }</code></pre> So you can use the above CSS for your form, one for the checkboxes and the other for multiple choice. Adjust li_1 and li_2 to match your elements id. Let me know if you need more help. EricM on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-327 Mon, 19 Nov 2007 23:09:15 +0000 EricM 327@http://www.appnitro.com/forums/ Hi i know its been posted how to put 2 fields on the same line but is there a way to put radio buttons or checkboxes on the same line? thanks btw great application