Form is perfect in Firefox, not Internet Explorer.

Here's my form: http://bit.ly/yp3nAB

I set the 2 x Checkbox Groups to present Vertically, in the chronoforms Wizard. They presented vertically in Firefox, but in IE 8, they were all over the place, with checkboxes disjointed from their labels, etc.

So now I have modified the code (see page source) to force the 2 Checkbox Groups to lay out horizontally, since this is the only way both browers will present them predictably.

What do I have to do to the page source to get both Checkbox Groups to lay out vertically, in both browsers?


Thanks !

Please could someone assist with formatting a form vertically so Internet Explorer can display the form properly?


(Simply checking off the Vertical option in the chronoforms wizard only works in Firefox it seems.)

Hi overboard,

I started to look at this yesterday . . . then got sidetracked onto something else. If I remember correctly the problem show up in IE7 and I got a partial fix by putting <div> tags around each of the checkboxes.

Here's a hack that you can try. Open administrator/components/com_chronoforms/helpers/html_helper.php and find this block of code (around line 368 in RC3.0) and add the two lines shown.

				foreach($options as $k => $option){
					$output .= '<div>'; // <-- add this line
					$output .= '<input type="'.$fieldoptions['type'].'" name="'.$fieldname.'[]" id="'.$this->slug($fieldname.'-'.$k).'" title="'.$tag['title'].'" value="'.$k.'"'.(in_array($k, $checked) ? ' checked="checked"' : '').' class="'.$tag['class'].'" />'."\n";
					$output .= '<label for="'.$this->slug($fieldname.'-'.$k).'">'.$option.'</label>'."\n";
					$output .= '</div>'; // <-- add this line
				}
				$output .= '</div>';

Bob

Hi

Been reading this thread as I am having similar problems with IE7 using Chronoforms V4 on J2.5.6.

Tried finding the code lines you show but not at line number in my version.

Can you help 🤨

Thanks

Hi pulsator,

Which version of ChronoForms are you using?

Bob

Hi Bob

The file version is Chronoforms_V4_RC3.4.1_J1.6.zip

Thanks

Hi pulsator,

The code blocks are now around lines 425 (for radio buttons) and 471 (for checkbox groups).

Bob

Hi Bob

Thanks for pointing me in the right direction.

Will try the fix and all being well IE7 will behave 🙂

Thanks

Hi Bob

Okay, very weird. Tried adding the <div> wrap on all the locations where the code sample appeared with no joy at all.

Then revisited the form itself and unchecked 'Hide Label' and removed any text I had entered for this. Saved and hey presto all working.

Not sure why labels being hidden would have the effect it did but just happy it is working 🙂

Thanks for your help. I at least have a file correctly updated with the <div> wrap for future need.

All the best