Forums

I recently published a form that used checkboxes for voting. The form works flawlessly in Firefox and IE 8 or above. IE 7 does not show the checkboxes so users cannot make a selection. The code for this form can be found below:

<div class="ccms_form_element cfdiv_text" id="first_name_container_div">
		<label for="fn_01">First Name</label>
    	<input id="fn_01" maxlength="150" size="30" class=" validate['required','alpha']" title="" type="text" value="" name="FirstName" />
	<div class="clear"></div>
	<div id="error-message-FirstName"></div>
</div>

<div class="ccms_form_element cfdiv_text" id="last_name_container_div">
		<label for="ln_02">Last Name</label>
        <input id="ln_02" maxlength="150" size="30" class=" validate['required','alpha']" title="" type="text" value="" name="LastName" />
	<div class="clear"></div>
    <div id="error-message-LastName"></div>
</div>

<div class="ccms_form_element cfdiv_text" id="city_container_div">
		<label for="city_03">City</label>
        <input id="city_03" maxlength="150" size="30" class=" validate['required','alpha']" title="" type="text" value="" name="City" />
	<div class="clear"></div>
    <div id="error-message-City"></div>
</div>

<div class="ccms_form_element cfdiv_text" id="phone_number_container_div">
		<label for="pn_04">Phone Number</label>
        <input id="pn_04" maxlength="150" size="30" class=" validate['required','phone']" title="" type="text" value="" name="PhoneNumber" />
	<div class="clear"></div>
    <div id="error-message-PhoneNumber"></div>
</div>

<div class="ccms_form_element cfdiv_text" id="email_address_container_div">
		<label for="ea_05">Email Address</label>
        <input id="ea_05" maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="EmailAddress" />
	<div class="clear"></div>
    <div id="error-message-EmailAddress"></div>
</div>

<div class="ccms_form_element cfdiv_checkboxgroup" id="choose_one_candidate_container_div">
		<label for="cn_06">Choose One Candidate</label>
        	<input type="checkbox" name="ChooseOneCandidate[]" id="chooseonecandidate_candidate_1" title="" value="Candidate 1" class="validate['group[1]']">
		<label for="chooseonecandidate_candidate_1">candidate 1</label>
			<input type="checkbox" name="ChooseOneCandidate[]" id="chooseonecandidate_candidate_2" title="" value="Candidate 2" class="validate['group[1]']">
		<label for="chooseonecandidate_candidate_2">candidate 2</label>
	<div class="clear"></div>
    <div id="error-message-ChooseOneCandidate"></div>
</div>

<div class="ccms_form_element cfdiv_submit" id="input_submit_7_container_div">
		<input name="input_submit_7" class="" value="Cast My Vote!" type="submit" />
	<div class="clear"></div>
    <div id="error-message-input_submit_7"></div>
</div>

Has this been brought to your attention before? Can you suggest a fix?

You can see the form live at http://www.republicforcalifornia.org/vote-now.html

Any help you can offer is greatly appreciated.

Cheers,
Jason

Hi Jason,

This looks like the RocketTheme problem. Their input formatiing doesn't always work well with ChronoForms. Please go to Template Settings and turn Input Formatting off in the Advanced Parameters section. That should fix the problem.

Bob