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 Sat, 13 Mar 2010 00:40:49 +0000 redityo on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line/page/2#post-8532 Thu, 28 Jan 2010 09:51:58 +0000 redityo 8532@http://www.appnitro.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?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line/page/2#post-8524 Wed, 27 Jan 2010 22:39:19 +0000 davidvictory 8524@http://www.appnitro.com/forums/ I have that code in the css..http://login.comfortkeepers.com/machform/data/form_5/css/view.css still no luck.. redityo on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line/page/2#post-8519 Wed, 27 Jan 2010 14:56:03 +0000 redityo 8519@http://www.appnitro.com/forums/ I did't see any custom CSS code in your form, have you try to put these code in your CSS form ? <pre><code>#li_3 label.choice { display:inline; position:relative; margin-left: 0.2em; _top:0.2em; } #li_3 input.radio { display: inline; margin-left: 0.5em; }</code></pre> Anyway to see machform version, simply open your "changelog.txt" file and you can see the latest version in the bottom of the file davidvictory on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-8516 Wed, 27 Jan 2010 08:25:34 +0000 davidvictory 8516@http://www.appnitro.com/forums/ I tried the solutions above (not the table) with no luck putting radio buttons side by side. here is URL to my form (simple form)..http://login.comfortkeepers.com/machform/view.php?id=5 Please assist. Also, how can I determine the version of the software I am running? Thank you yuniar on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-7958 Fri, 13 Nov 2009 17:18:34 +0000 yuniar 7958@http://www.appnitro.com/forums/ Hi tania, You can always login to our customer area and download machform package there :) tania on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-7949 Fri, 13 Nov 2009 09:30:22 +0000 tania 7949@http://www.appnitro.com/forums/ Hi, My form <a href="http://www.csvep.com/registration/view.php?id=11" rel="nofollow">http://www.csvep.com/registration/view.php?id=11</a> does not look very good because my client's answers are too long.... Since I did not make a copy (I know beginner error!) of the view-functions.php can you tell me what the original code was so I can replace it back? Thanks! jintexas on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-6568 Tue, 14 Jul 2009 00:16:06 +0000 jintexas 6568@http://www.appnitro.com/forums/ I have figured it all out. No problem with the app. or the code. Simple operator error at my end. Always the way isn't it. Tanks. J jintexas on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-6567 Mon, 13 Jul 2009 23:03:54 +0000 jintexas 6567@http://www.appnitro.com/forums/ Hi, I have applied the code changes suggested to view.css and ../includes/view-functions.php without any success at all. has there been some change to the code structure? or are there more specific instructions you can offer. E.G. List the specific .css sheet/s that must be modified, the code to use, and the order to modify them. This looks like a great tool, and I thank you for your help. J smudge on "Radio buttons on same line?" http://www.appnitro.com/forums/topic/radio-buttons-on-same-line#post-6236 Mon, 15 Jun 2009 22:33:48 +0000 smudge 6236@http://www.appnitro.com/forums/ This works but is tricky. Be nice as a new feature to be able to selsct the layout from the form builder otherwise I have to use the code to specify every id I want to alter. Lots of CSS.. Inline is useful for: Polls Surveys Date / Credit card / Serial numbers 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>