Forums

3 column Vertical Raio Buttons or Check Box

ponyack 23 May, 2012
Hi,

I am trying to build a custom form that has a section that is 3 columns of radio or check boxes.

Here is a link to 3 column table with text boxes, is it possible to do this with the radio/check boxes

http://173.199.181.132/~hilker/index.php/open-an-account

HTML CODE
<div style="float:left; clear:none;">
<table width="100%" border="0" cellpadding="1">
  <tr>
    <td><input type="radio" name="location" id="location_0" title="" value="Mini City" class="" />
<label for="location_0">Mini City</label>
<input type="radio" name="location" id="location_1" title="" value="Leesville Rd" class="" />
<label for="location_1">Leesville Rd</label>
<input type="radio" name="location" id="location_2" title="" value="Stonehenge" class="" />
<label for="location_2">Stonehenge</label>
<input type="radio" name="location" id="location_3" title="" value="Sutton Square" class="" />
<label for="location_3">Sutton Square</label>
<input type="radio" name="location" id="location_4" title="" value="Baily Ridge" class="" />
<label for="location_4">Baily Ridge</label></td>
    <td><input type="radio" name="location" id="location_0" title="" value="Mini City" class="" />
<label for="location_0">Mini City</label>
<input type="radio" name="location" id="location_1" title="" value="Leesville Rd" class="" />
<label for="location_1">Leesville Rd</label>
<input type="radio" name="location" id="location_2" title="" value="Stonehenge" class="" />
<label for="location_2">Stonehenge</label>
<input type="radio" name="location" id="location_3" title="" value="Sutton Square" class="" />
<label for="location_3">Sutton Square</label>
<input type="radio" name="location" id="location_4" title="" value="Baily Ridge" class="" />
<label for="location_4">Baily Ridge</label></td>
    <td><input type="radio" name="location" id="location_0" title="" value="Mini City" class="" />
<label for="location_0">Mini City</label>
<input type="radio" name="location" id="location_1" title="" value="Leesville Rd" class="" />
<label for="location_1">Leesville Rd</label>
<input type="radio" name="location" id="location_2" title="" value="Stonehenge" class="" />
<label for="location_2">Stonehenge</label>
<input type="radio" name="location" id="location_3" title="" value="Sutton Square" class="" />
<label for="location_3">Sutton Square</label>
<input type="radio" name="location" id="location_4" title="" value="Baily Ridge" class="" />
<label for="location_4">Baily Ridge</label></td>
  </tr>
</table>


</div>
ponyack 25 May, 2012
Hi -

I switched to the check boxes and was able to get them ordered but I am not sure how to get the data into the database below is my HTML

Any help would be great. Or link to a tutorial on multiple rows of data.

Thanks,

John

<div class="clear"></div>
<div id="error-message-input_custom_9"></div>
<div class="ccms_form_element cfdiv_checkboxgroup radios_over multiline_add" id="autoID-f8c971ad1c1abb5800e696e33da6e97d_container_div">
<table width="100%" border="0" cellpadding="1">
  <tr>
   
       <td><input type="hidden" name="input_checkbox_group_10" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="checkbox" name="input_checkbox_group_10[]" id="input_checkbox_group_10_0" title="" value="choice 1" class="" />
<label for="input_checkbox_group_10_0">Folded</label>
<input type="checkbox" name="input_checkbox_group_10[]" id="input_checkbox_group_10_1" title="" value="choice 2" class="" />
<label for="input_checkbox_group_10_1">Ironed</label>
<input type="checkbox" name="input_checkbox_group_10[]" id="input_checkbox_group_10_2" title="" value="choice 3" class="" />
<label for="input_checkbox_group_10_2">Starch</label></td>
   
   
   
    <td><input type="hidden" name="input_checkbox_group_11" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="checkbox" name="input_checkbox_group_11[]" id="input_checkbox_group_11_0" title="" value="choice 1" class="" />
<label for="input_checkbox_group_11_0">Boxed</label>
<input type="checkbox" name="input_checkbox_group_11[]" id="input_checkbox_group_11_1" title="" value="choice 2" class="" />
<label for="input_checkbox_group_11_1">Gift Wrap</label>
<input type="checkbox" name="input_checkbox_group_11[]" id="input_checkbox_group_11_2" title="" value="choice 3" class="" />
<label for="input_checkbox_group_11_2">Cleaned</label></td>



    <td><input type="hidden" name="input_checkbox_group_12" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="checkbox" name="input_checkbox_group_12[]" id="input_checkbox_group_12_0" title="" value="choice 1" class="" />
<label for="input_checkbox_group_12_0">Bundled</label>
<input type="checkbox" name="input_checkbox_group_10[]" id="input_checkbox_group_12_1" title="" value="choice 2" class="" />
<label for="input_checkbox_group_12_1">Tieded</label>
<input type="checkbox" name="input_checkbox_group_10[]" id="input_checkbox_group_12_2" title="" value="choice 3" class="" />
<label for="input_checkbox_group_12_2">Beaded</label></td>
  </tr>
</table>

</div>
<div class="clear"></div>
<div id="error-message-input_checkbox_group_10"></div>
GreyHead 26 May, 2012
Hi John,

Please drag a Handle Arrays action into the OnSubmit event and move it up before the DB Save or Email actions.

Bob
ponyack 30 May, 2012
Hi Bob,

That looks like its done the trick. Thanks for the reply and now I am off to purchase my copy of Chrono Forms.

John
This topic is locked and no more replies can be posted.