Checkbox group layout

I'm trying to convert/rebuild an old form to be able to take advantage of all the CF4 enhancements. I had originally brought the form over from CF3 by pasting the HTML into the Code tab on the page that comes up when you click the form name.

I've managed to work out a few issues, but I'm trying to use a checkbox group and it's not working so well. Is there any way to specify the number of columns in the group and the column width?

The CF3 layout of the group was accomplished using tables and I imagine I could most likely drop that section's HTML in to a Custom HTML element, but I'd really prefer not to do that if possible.

See the attached for what I'm encountering

Hi critter42,

The checkbox group format isn't always very friendly but you can usually push it into shape with CSS. You probably need to set fixed widths for the labels and for the containing div, then it should work OK.

If you post a link to the form so I can take a quick look.

Bob

I basically have it sorted, just running into the usual IE stuff with padding and such.

critter42

OK, I think checkbox groups need some layout options - especially if you have a large number of checkboxes and a narrow Joomla template.

I just cannot get them to line up with pure CSS across all browsers and I don't have time to be doing that kind of extreme fiddling. It would be great to be able to specify # of rows and a table and cell width and have a table generated instead of what we currently have. I have forms with multiple fields with 15+ checkboxes each and this would make things a lot easier. I know I can do what I want with Custom HTML, but that kind of defeats the purpose for me of using CF4 - I might as well just use Custom HTML for the entire form.

Hi critter44,

You can use a Custom Element element just for the Checkbox group.

Bob

And that's what I wound up doing. I was just suggesting that being able to enter table parameters when creating a checkbox group would make it look nicer and make developing the form a lot faster.