I'd like to split my checkbox options with one checkbox per row. By default, they're all crammed in the one \"<td>\" section and strung together in a single line.

No luck found forcing breaks between the boxes using the style HTML.

Has someone tackled this already? I've found nothing in the forum, yet.

Hi Jon,

1. Go to your Form Editor screen, and click on the form style
2. Assuming that your radio field id is \"test\", add this code to the end of the Form Style code:

Very nice, Alex. I've not used those CSS properties before.

Between that and the thread started by oleman on CSS styles, the form is working nicely:

Desert Midwinter 2008 Registration

Thanks much for the great tool!
Jon

I am trying to figure this out and I can't seem to get it based on your reply to the question...

I am doing CHECKBOX and my Field ID is \"aboutrequestlist\"

This is my code from the Form Style code box:

<div align=\"left\" style=\"width:100%\" style=\"font-size: 16px\" class=\"componentheading\">{formtitle}</div>
<form name=\"{formname}\" id=\"{formname}\" method=\"post\" action=\"{action}\" {enctype}>
<table bgColor=#cdd8e1 width=\"100%\" border=\"1\" cellpadding=\"5\" cellspacing=\"0\" class=\"forme\">
<tr><td>{formfields}</tr></td>
</table>
</form>

---

Can you show me where I should be entering the code you recommended to the other user? And is it \".checkbox(fieldid)\" instead of the \".radio(fieldname)\" that you recommended to the other user?

Not sure why the forum logged me out before I hit \"Submit\" last time, but it did so I'm retyping this..

Alex's example needs to be change to match your form's labels.

On my form, if you look at the HTML source, you'll see this:

So I added CSS looking like this to match:

Basically, you need to enter CSS of the form \"check<yourlabel>\" to match the class name generated in the HTML.

I guess it is because I am so new at this, I have to admit that I grasp your response, but still do not know where any of that code should go... does it go in the field itself or does it go in the form style area? And if I put it in the form style area, does it onyl affect that one field when it displays or does it affect all of them.

I am new to CSS programming, so consider me dumber then a stone.

The added CSS will go in the field's Field Style box. Just paste at the end.

If your Field ID is called \"MyList\" then the style will be called \".checkMyList\" followed by the CSS directives.

Ok, I got it to work for the first one in the list, but they are all after that one on the same line... let me ask you this... instead of puting the checkbox variables in \"Defailt Value\" you enter them manually into the Field Style box? You do the programming manually as opposed to letting RSForm do it for you?

How many times do I include this:
<style>.checkaboutrequestlist float:left;clear:both}</style>

Once per box instance or just one time?

Take a look at what I have:

74.54.176.146/~ahuppert/popchurch/index....;fid=3&Itemid=81

Ok, sorry for the dual messages, I am working on it as we are conversing... I added the following to the field style and it works!!! My problem is that I have 4 boxes and this code is adding a 5th (blank line) to the #1 position in the list of checkboxes. any suggestions?

<span class=\"aboutrequestlist\" style=\"white-space: nowrap\"><input type=\"checkbox\" />

<style>.checkaboutrequestlist{float:left;clear:both}</style>

I don't see a fifth line, maybe you've worked it out?

You're the man!!! I would up your Karma more then once if it would let me! Thanks for being patient... I looked at your code with a novice's eyes and worked it out... This is what I did to solve it:

---

<strong>{fieldtitle}</strong><br>

<span class=\"aboutrequestlist\" style=\"white-space: nowrap\">
<style>.checkaboutrequestlist{float:left;clear:both}</style>

{field}{fielddesc}</span>
<br><br><br><br><br><br>

---

Not sure if I can do something else to eliminate all the \"<br>\", but if I don't include them the next field's text overlaps the checkbox text. It looks like it is working... thanks again so much for being patient... I am learning in the state of \"trial-by-fire\"!

Andrew

Glad I could help. Pass it on some day.

further to this code, it works great, however how can I add a little more space between each checkbox row? As in safari it looks too cramped.

thanks mark

Why are all the angled brackets coming out as html entities? Makes it impossible to read.