Page 1 of 1

Form Builder - checkbox class

Posted: Sat Mar 31, 2007 1:19 am
by crankshaft
Hi;

I have installed form builder and created a simple form which was very painless :-)

But I am now trying to 'beautify' the form a bit and have created a couple of css controls and assigned the class in form builder:

.frm_text{
padding-bottom: 5px ;
padding-left: 5px ;
}

.frm_chkbox{
padding-bottom: 5px ;
padding-left: 5px ;
}

However the problem is, that because I am using a checkbox group, the class is only assigned to the group label and not to the actual checkboxes !

I have also tried this, but it does not appear to work:

input[type=checkbox] {
padding-bottom: 5px ;
padding-left: 5px ;
}


As you can see, the class is assigned to the label, not the checkboxes:

Code: Select all

<td align="right" valign="top" class="frm_chkbox">Type:</td>
<td align="left" valign="top" class="frm_chkbox">
<table>
<tr>
<td>
<input type="checkbox" name="m5_17[]" value="0" />
 <label for="m5_17[]">Type1</label>
</td>
<td>
<input type="checkbox" name="m5_17[]" value="1" />
 <label for="m5_17[]">Type2</label>
</td>
</tr>
</table>
I don't really want to hack the source !

You can see an example her: http://peter-c.net:8088/cms/

Re: Form Builder - checkbox class

Posted: Tue Apr 03, 2007 9:49 am
by crankshaft
Bump !

Can anyone help ???

Thanx !

PeterC

Re: Form Builder - checkbox class

Posted: Tue Apr 03, 2007 10:01 am
by cyberman
Have you tried to cascade your stylesheet like this

Code: Select all

td.frm_chkbox input {
   padding-bottom: 5px ;
   padding-left: 5px ;
}