No one knows how to modify the checkboxes layout?
Cheer
Nadjia.
I struggled with this one for a while too, and sort of came up with a css solution that relied on calling elements by content rather than class or id. you can do this by calling the item in your stylesheet - label.input_radio_label[for='some known content'].
I made four new styles in the join.css file
one for all the odd numbered checboxes
one for all the odd numbered labels
one for all the even numbered checkboxes
one for all the even numbered labels
luckily the labels and checkboxes will have known content - ie the language key for the feilds that you made.
the labels styles looked like this:
label.input_radio_label[for='Arts_involvement[0]_1'],
label.input_radio_label[for='Arts_involvement[0]_3'], label.input_radio_label[for='Arts_involvement[0]_5'], label.input_radio_label[for='Arts_involvement[0]_7'], label.input_radio_label[for='Arts_involvement[0]_9'], label.input_radio_label[for='Arts_involvement[0]_11']
{
font-size: 12px;
etc...
}
label.input_radio_label[for='Arts_involvement[0]_2'],
label.input_radio_label[for='Arts_involvement[0]_4'], label.input_radio_label[for='Arts_involvement[0]_6'], label.input_radio_label[for='Arts_involvement[0]_8'], label.input_radio_label[for='Arts_involvement[0]_10']
{
font-size: 12px;
etc...
}
My hope was to align all odd numbered checkboxes and labels left - then all even numbered checkboxes and labels right.
It worked to a degree - until I checked the result in a few different browsers - it degrades into a really ugly mess if a user changes the text size by hitting control+. I am sure that it could be controlled using careful dimensioning and only using pixel sizes, but my labels had words that varied from a 5 letters to 18 letters and so looked really bad.
In the end I used the same approach just for labels, converted them into blocks rather than inline elements and had a vertical column of 11 checkboxes, all neatly spaced and degrading nicely. better than a row that chooses to break at a checkbox.
Sorry I cant provide you with the code that I played around with - but i hope the style element[for='content'] idea helps.
